Tag: jquery ui datepicker

为什么jquery datepicker不能在textarea上工作,只能在输入上工作

请帮助我,我很无能为力。 当我尝试打开jquery UI的日期选择器并将其附加到输入标签时它完美地工作,但是当我尝试将它附加到textarea时,没有任何事情发生。 $(function() { $(“#${data_picker}”).datepicker(); }); —- This will work —- —- This doesn’t work —- 为什么??? ps当然它们不在同一页面中,它只是输入或页面中的textarea。

jQuery DatePicker:获取选定日期

我需要能够从Datepicker中获取所选日期,并使用所选值填充另一个文本框。 我目前正在使用onClose函数,如下所示: $(‘#defaultDate’).datepicker({ onClose:function(theDate) { $(‘#txtEntry1’).text = theDate; } });

Jquery – 在两个日期之间以HH:MM格式获取时间

我从两个文本字段中获取值作为日期 var start_actual_time = $(“#startPoint_complete_date”).val(); var end_actual_time = $(“#endPoint_complete_date”).val(); 它给了价值 start_actual_time = 01/17/2012 11:20 end_actual_time = 01/18/2012 12:20 现在我想找出这两个日期之间的HH:MM格式的持续时间(在这种情况下是25:00)我该怎么办…

jQuery datepicker – 为什么主题样式没有显示?

我用jQuery来制作一个像这样的日期选择器: 和 $(‘#my_datepicker’).datepicker(); datepicker工作正常,之前我曾多次使用过它。 问题是输入元素仍然看起来像普通的文本字段,而当我过去使用它时,它使用了jQuery UI类来设置字段的样式,使其看起来有光泽并与主题保持一致。 我使用了firebug来查看哪些clesses已应用于input元素,它只有: hasDatepicker 而在另一个正确设置样式的网站上的日期选择器的输入字段具有以下所有类: hasDatepicker ui-inputfield ui-widget ui-state-default ui-corner-all 我查看过datepicker文档,但是我看不到一个允许你选择加入或退出这个样式的选项,我认为这种情况无论如何都会发生。 任何人都可以告诉我我需要做什么才能启用它? 非常感谢。 更新 : 这是来自实时站点的输入标记。

如何从datepicker设置语言环境格式?

如何根据用户的语言环境在jQuery UI的datepicker中设置日期格式? 我得到源html: $(function() { $(“.datefield2”).datepicker($.datepicker.regional[‘de’]); }); 如果在日期选择器中选择日期,我将获得12/21/2012 ,但是我需要21.12.2012 。

将图例添加到jQuery datepicker

我使用标准的jQuery Datepicker,我需要修改它以在底部显示图例。 当我使用beforeShow事件时,我无法将传奇html附加到datepicker,因为没有#ui-datepicker-div元素,而datepicker不提供afterShow事件。 这是我的代码: var html = $(‘#datepickerLegendHolder’).html(); $(‘#start_date.datepicker’).datepicker({ “dateFormat”: ‘yy-mm-dd’, minDate: 0, showOn: “both”, buttonImage: “/images/calendar-icon.png”, maxDate: “+2Y”, beforeShow: function(event, ui) { $(‘#ui-datepicker-div’).append(html); }, onSelect: function (dateValue, inst) { $(‘#end_date.datepicker’).datepicker(“option”, “minDate”, dateValue); displayButtons(); } }); 有没有其他选择? TNX

如何设置jquery monthpicker的默认月份和年份

我需要在页面加载时设置jquery monthpicker的默认月份和年份。 以下是我的代码。 当前monthpicker文本框在加载时为空。 $(document).ready(function() { $(‘#monthPicker’).datepicker( { changeMonth: true, changeYear: true, showButtonPanel: true, showButtonPanel: true, dateFormat: ‘MM yy’, onClose: function(dateText, inst) { var month = $(“#ui-datepicker-div .ui-datepicker-month :selected”).val(); var year = $(“#ui-datepicker-div .ui-datepicker-year :selected”).val(); $(this).datepicker(‘setDate’, new Date(year, month, 1)); } }); }); 而且,我需要从日历中删除日期,我的意思是我只需要显示年份和月份选择选项。

jQuery UI Datepicker – 键盘导航事件?

为了使屏幕阅读器可以访问jQuery UI Datepicker,我需要使用正在突出显示的当前日期填充隐藏的div。 问题是没有与键盘导航相关的事件(CTRL +箭头键)。 在这种情况下,我如何检测用户何时在不同日期之间导航,以便我可以获取突出显示的日期并将其填充到隐藏的div中? // how to detect CTRL + Arrow Key Event?? $(“#datepicker”).on(“”, function(){ var message = “”+$(“.ui-state-hover”).html()+ ” “+$(“.ui-datepicker-month”).html()+ ” “+$(“.ui-datepicker-year”).html(); $(‘#liveRegion’).html(message); });

Datepicker onSelect Not Firing

我有一个日期选择器但onClose和onSelect不会触发。 代码在document.ready所以我知道它的初始化。 $(‘#DateRangeTo’).datepicker({ beforeShow: function (input, inst) { inst.dpDiv.css({ marginTop: -input.offsetHeight + ‘px’, marginLeft: input.offsetWidth + ‘px’ }); }, format: “dd/mm/yyyy”, startView: 1, //daysOfWeekDisabled: “3,4”, autoclose: true, todayHighlight: true, //onClose: function (dateText, inst) { alert(“here”); } onSelect: function (dateText, inst) { alert(“Working”); }, onClose: function (date) { var dt = new Date(date); alert(dt.getMonth()); } });

如果接近本月末,jQuery datepicker会在下个月展示

如果当前日期接近月末,如何将日历设置为下个月自动显示? 解决日历问题一直违约到此。 目前我有: $(predecessor+”input.datePicker”).datepicker({ minDate: 0, changeMonth: true, dateFormat: “dd/mm/yy”, firstDay: 1, hideIfNoPrevNext: true, showAnim: ‘slideDown’, showOn: “both”, showOtherMonths: true, showStatus: true, maxDate: ‘-1d’ });