Tag: datepicker

jQuery UI DatePicker更改突出显示“今天”日期

我想在jQuery Datepicker中明确更改今天突出显示的日期。 我已经尝试设置默认日期，但突出显示的日期仍然是我今天的本地计算机日期。 我想这样做是因为我使用的是自定义时区。 基本上，此自定义时区中的当前年/月/日期与本地计算机的当前日期不同。 例如。 假设今天的日期是2014年10月7日与计算机的日期相同，但使用自定义时区，今天的日期突出显示应该是2014年9月7日：

JQuery日期时间选择器 – 只需选择月份和年份

我通过这个postjQuery UI DatePicker只显示月份，这对我来说非常有帮助，以便破解日期时间选择器UI以适应我的情况。 但是由于我在同一个表单上有几个日期时间选择器，所以会发生这种情况。 css display:none目标是“隐藏”不显示的日子。 但是，如果我在同一个表单上有几个日期时间选择器但只有一个我希望将其中一个作为monthpicker，那么我该如何实现呢？ 使用thw css，它会使所有日期时间日历UI上的所有日子消失，因为css将更改.ui-datepicker-calendar的属性。 欢迎任何建议。

使用jQuery datepicker计算时区

我使用jQuery datepicker，minDate为4，不包括周末和假日，并调整minDate以排除当天下午2点之后。 现在我需要以某种方式考虑时区，因为我希望这基于我的时区，PT，而不是用户的时区。 我知道我getTimeZoneOffset可能是一个可行的选择，但我正在努力将如何以及在何处将其添加到我当前的设置中。 $(document).ready(function() { //holidays var natDays = [ [1, 1, ‘New Year’], //2014 [1, 20, ‘Martin Luther King’], //2014 [2, 17, ‘Washingtons Birthday’], //2014 [5, 26, ‘Memorial Day’], //2014 [7, 4, ‘Independence Day’], //2014 [9, 1, ‘Labour Day’], //2014 [10, 14, ‘Columbus Day’], //2013 [11, 11, ‘Veterans Day’], //2013 [11, 28, ‘Thanks […]

如何将自定义类添加到我的JQuery UI Datepicker

我有几个输入触发JQuery UI datepickers，例如 对于每个创建的jquery UI datepicker，我想根据触发它的输入ID分配一个自定义类，即.one ， .two ， .three 因此，如果第一个输入触发了datepicker，则生成的HTML将如下所示： 注意第一类 这可能吗？ datepicker的’ create ‘方法对我来说似乎不起作用……

在jQuery UI日历中禁用所有星期日

我想在jQuery UI日历中禁用星期日。 从我开始了解的文档： – $(‘#datepicker’).datepicker({ minDate: 4,beforeShowDay: $.datepicker.noWeekends }); 这将禁用星期六和星期日。 但是我想在星期天才能解决问题。 是否有任何默认选项。 解决它的坏方法 beforeShowDay作为每天的参数使用true或false。 因此，编写一个基于每一天返回true或false的函数。

具有初始值的JQuery UI Datepicker日期格式问题

我需要以mm-dd-yyyyy格式将日期选择器的初始日期设置为03/20/2010。 我做到了这一点 但我的问题是点击字段日期选择器填充今天的日期为高亮度，没有选择日期，以及选择日期值 但当我改变我的输入字段时，如下所示 日期选择器将在3月20日填充，因为选中的日期和当前日期已突出显示。 但都是’mm-dd-yyyy’格式！ 我希望用’dd-mm-yyyy’格式显示所有日期。 我怎么解决这个问题？ 我尝试了下面的一些选项和组合，但没有一个解决了我的问题 $(“#datepicker”).datepicker(); $(“#datepicker”).datepick({dateFormat: ‘mm/dd/yyyy’}); $(“#datepicker”).formatDate(‘dd/mm/yy’); $(‘#datepicker’).datepicker(“setDate”, new Date($(“#datepicker”).val()) ); 更新：不幸的是我不能直接通过javascript sice设置Date值march 20它是动态变化的并且存储在PHP变量中。 我需要从输入字段本身获取默认值。

手动编辑日期或清除日期时，bootstrap datepicker更改日期事件不会启动

// When the document is ready $(document).ready(function () { $(‘.datepicker’).datepicker({ format: “yyyy-mm-dd”, }).on(‘changeDate’, function(ev){ // do what you want here $(this).datepicker(‘hide’); }).on(‘changeDate’, function(ev){ if ($(‘#startdate’).val() != ” && $(‘#enddate’).val() != ”){ $(‘#period’).text(diffInDays() + ‘ d.’); } else { $(‘#period’).text(“-“); } }); }); 所以这就是我的日期选择器的样子。 所以基本上当我通过点击鼠标来改变日期时效果很好，但是当我用键盘手动更改日期或手动清除日期更改日期时，事件不会被调用。 这是一个错误还是我在这里做错了什么？

如何在jQuery UI datepicker中获取日期，月份和年份？

我有这个示例代码： $(document).ready(function() { $(‘#calendar’).datepicker({ dateFormat: ‘yy-m-d’, inline: true, onSelect: function(dateText, inst) { var month = dateText.getUTCMonth(); var day = dateText.getUTCDate(); var year = dateText.getUTCFullYear(); alert(day+month+year); } }); }); 当我运行代码时，出现错误。 如何获得(date, month, year) ？

如何在物化日期选择器中设置日期

我正在使用materializecss.com Datepicker。 当我尝试使用jquery设置日期时，日期不会被设置。 这是我的代码： – // Materialize Date Picker window.picker = $(‘.datepicker’).pickadate({ selectMonths: true, // Creates a dropdown to control month selectYears: 100, // Creates a dropdown of 15 years to control year format: ‘dd/mm/yyyy’ }); 在Button的Click事件中，我正在设置日期： – $(“#Date”).val(’23/01/2015′); 当我打开日期选择器时，它会显示今天的日期。 如何在物化日期选择器中设置日期？

JavaScript：jQuery Datepicker – 特定日子的简单突出显示，谁可以提供帮助？ （来源）

我想使用Datepicker突出显示特定日期。 这是我最新的代码： var dates = [30/04/2010, 01/05/2010]; $(function(){ $(‘#datepicker’).datepicker({ numberOfMonths: [2,3], dateFormat: ‘dd/mm/yy’, beforeShowDay: highlightDays }); function highlightDays(date) { for (var i = 0; i < dates.length; i++) { if (dates[i] == date) { return [true, 'highlight']; } } return [true, '']; } }); 我的CSS是： #highlight, .highlight { background-color: #cccccc; } 好了，日历出现了，但没有突出显示。 我的代码中的问题在哪里？ 如果有人能提供帮助，那就太好了。 另一个选项/解决方案可能是：禁用所有日期，但仅使数组中的日期可用。 […]