Tag: datepicker

jQuery UI datepicker:如何将星期日变成红色?

我需要星期天以红色突出显示。 我知道有一个名为ui-datepicker-week-end 。 我的问题是,其他类( ui-widget-content和ui-state-default )会覆盖ui-datepicker-week-end的红色,即使设置为!important 。 唯一有色的是日历标题中的周末日。

如何动态/响应更改jQuery datepicker的月数

我问这个问题是因为我找不到另一个问题的答案。 如果有,请链接到我。 我有一个jQuery Datepicker,我在其上设置参数numberOfMonths:2 如果screenSize低于某个数字(例如768px),我希望它为1。 我试过了: $(window).resize(function(){ if($(window).width() < 768){ $('#datepicker').datepicker({ numberOfMonths: 1 }) } } 但由于datepicker已经初始化,因此不起作用。 我能做什么?

使用jQuery datepicker和Angular 2更改事件

当我使用jQuery datepicker插件并且我正在尝试使用(更改)方法来捕获更改时,我有一些问题来捕获更改事件但似乎当我使用此插件时,angular无法捕获它。 @Component({ selector: ‘foo-element’, template: ” }) export class FooComponentClass implements AfterViewInit { ngAfterViewInit():any{ $(‘#end_day’).datepicker(); } private function checkDates(e){ console.log(“Please, catch the change event ): “); } } 我已经删除了datepicker初始化并且工作正常,但是当我再次使用它时…不起作用。 有人可以帮帮我! 非常感谢。

使用日期字符串数组在bootstrap datepicker中设置禁用月数不起作用

我有一个datepicker,它具有以下配置: HTML: JS: var datesToDisable = [“2016-11-01″,”2016-08-01″,”2016-06-01”, “2016-05-01″,”2016-04-01″,”2015-12-01″,”2015-09-01”]; $(‘#datepick’).datepicker({ format: ‘yyyy-mm-dd’, minViewMode: 1, // 1 for months maxViewMode: 2, // 2 for years startDate: ‘-36m’, endDate: ‘+0m’, autoclose: true, toggleActive: true }); $(‘#datepick’).datepicker(‘setDatesDisabled’, datesToDisable); 然后,异步调用将检索日期数组(此处由datesToDisable变量表示),这些日期数组使用setDatesDisabled方法传递给setDatesDisabled (如代码片段的最后一行所示),但它不起作用,因为月份对于已通过的日期仍可在日历中选择。 问题:这是在bootstrap datepicker日历中设置禁用月份的正确方法吗? 我是否需要在一个月内通过所有日期以禁用特定月份? 您可以在以下jsfiddle中查看它: http : //jsfiddle.net/javlc/52g9xcz2/

jQuery datepicker获得的月份和年份不是最新的

我在点击日期选择器标题左右两侧的“下一个”和“上一个”链接后,试图获得“显示”月份和年份。 目前我正在用这个月: var selectedMonth = $(‘#calendar’).datepicker(‘getDate’).getMonth() + 1; 但它只返回当前月份,而不是单击“下一步”或“上一步”所显示的月份。 编辑 我在函数中添加了onChangeMonthYear选项和datepicker function getDates() { var selectedMonth = $(‘.ui-datepicker-month’).text(); var selectedYear = $(‘.ui-datepicker-year’).text(); } 这仍然只是说明当前的日期。 再次编辑 以上工作只需要设置延迟:]

如何在jquery中获取日期选择器的值

我需要获取date onchange的值, 这是代码 Date 这是我的jquery $(‘#value_date’).change(function() {{ var valuefirstone = document.getElementById(‘#value_date’).value; alert(valuefirstone); } Onchange函数没有调用,我只是在更改时创建警报但它不起作用

jquery UI – 将日期添加到所选日期

这似乎很简单,但我无法解决它,我真的需要这个。 如何通过SelectedDate事件向选定日期添加日期? 我需要对2个日期选择器执行日期范围限制。 一旦用户设置了一个日期选择器,另一个需要仅允许日期等于第一个日期选择器的选定日期加上一个月。 示例:如果我在第一个日历上设置“3月3日”,则第二个日历必须仅允许大于“3月3日”的日期。 到目前为止,我只能获得相同的选定日期或通过$(‘#dtpicker’).datepicker( “setDate” , ‘+1m’); 。 我尝试了jquery-ui文档示例,但没有。

选择后,jquery ui datepicker在IE7中不会消失

让jQuery UI datepicker插件运行得非常好,但是,当使用IE7时,日历不会像你在FF,Safari等中那样做出选择后逐渐消失。 这是URL http://www.mchenry.edu/insideApp/OIRPprojectrequest/oirpprojectrequestform.aspx 我希望这有点傻,’因为IE7是我需要支持内部客户的唯一浏览器。 日Thnx! 编辑:试试这个url, http : //www.mchenry.edu/test/oirpprojectrequestform.aspx 对不起’那个!

如何在HTML示例中实现bootstrap-datepicker沙箱

我在下面的链接中找到了bootstrap的datepicker,好吧,我下载了开发版本,然后在那里的页面配置了一些设置,并在附加了所需的样式表和javascript文件之后,仍然无法获得HTML工作的例子。 这是下载示例的链接 。 我收集了所需的CSS和JS,如下所示: HTML如下: to 文件末尾的JS脚本如下: $(‘#sandbox-container .input-daterange’).datepicker({ startDate: “-12/30/2014”, endDate: “+01/15/2015”, startView: 1, clearBtn: true, calendarWeeks: true, autoclose: true, todayHighlight: true }); 现在两个输入出现但它们不起作用,我不知道丢失了什么。 我也在下载的演示文件中找不到任何HTML示例,它们都是.md,.jason和其他格式似乎是原始的,我实际上并不知道如何在HTML文件中实现它。

jQuery Datepicker日计数

我有两个jQuery UI日期选择器,当他们都选择了日期时,我希望这些日期之间的差异在选择第二个日期后立即显示在单独的input[type=”text”]中。 另外,理想情况下,我希望减去任何周末时间,只计算周一至周五的天数。 我的(相关)代码如下: JS: $(‘#firstday, #lastday’).datepicker({ dateFormat: ‘dd/mm/yy’ }); XHTML: First Day of Leave Last Day of Leave Total Days 大量的搜索使我得到了许多不同的解决方案,我不能按照自己的意愿去工作,所以任何想法都会受到赞赏。