jquery - 如何将 jQuery UI 日期选择器初始化为查询字符串中的日期?

标签 jquery jquery-ui datepicker

鉴于此标记:

// Calendar.html?date=1/2/2003
<script>
  $(function() { 
    $('.inlinedatepicker').datepicker();
  });
</script>
...

<div class="inlinedatepicker" id="calendar"/>

这将毫不费力地显示一个内联日期选择器(太棒了!)。如何将日期选择器预设为通过查询字符串传入的日期?

请注意,在本例中,我没有输入框 - 只是附加到 div 的日历。

最佳答案

这应该有效,尽管您可能会遇到区域设置问题(特别是 M/D/Y 与 D/M/Y)。

var date = location.match(/(?:\?|&)date=(\d+\/\d+\/\d+)(&|$)/)[1];
$('.inlinedatepicker').datepicker().datepicker("setDate", new Date(date));

关于jquery - 如何将 jQuery UI 日期选择器初始化为查询字符串中的日期?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/879703/

相关文章:

javascript - 手动编辑日期或清除日期时, Bootstrap 日期选择器更改日期事件不会触发

javascript - Angular UI bootstrap datepicker无法使用JQuery表达式获取值

javascript - Jquery循环未知数量的元素

javascript - 如何从 Angular $sce 生成的 Html 创建 jquery 数据表

javascript - jQuery 输入数字微调器

javascript - 在 Enter 键上确认 Jquery UI 对话框提示

javascript - 从 DOM 中删除元素时如何检查是否发生内存泄漏?

jquery - 如何将图像拖放到容器中,然后根据拖入的内容更新容器?

jquery-ui - jquery:ajax加载内容中的 $(window).bind ('load' 、 function()) 和 $(document).ready(function())

jQuery datepicker 禁用星期日和特定日期数组