Tag: jquery ui datepicker

在JQuery UI中动态更改选项DatePicker失败: 我想使用jquery-ui datepicker进行日期范围选择。 #dteStart的第一次更改成功将#DteEnd设置为minDate。但是#dteEnd在下次更改时无法刷新其选项，如果我提醒DateOptions.minDate其值根据dateMin更改。也许我想念一下…… $(document).ready(function () { $(“#dteStart”).datepicker() .change(function () { dateStart = $(this).datepicker(‘getDate’); dateMin = new Date(dateStart.getTime()); dateMin.setDate(dateMin.getDate() + 1); var DateOptions = { dateformat: “mm/dd/yyyy”, minDate: dateMin } $(“#dteEnd”).datepicker(DateOptions); }); }); TIA， REV

jQuery Datepicker，支持多种格式: 我想知道是否有人可以建议一个插件或解决方案，允许我同时使用多个输入日期格式的jQuery datepicker插件。这将允许用户以任何指定的格式输入日期。即： 3 31 10 3/31/2010 3-31-10 在用户标签出来之后，我并不关心这个值是否会被破坏为某种特定格式。一个好的输入掩码插件也可能适用于我的目的，但是，这个流行的插件似乎期望每个字段的固定基数，这将无法工作，因为我希望用户能够输入3或03个月例如，三月。

jquery datepicker不能动态创建html: 我正在用内部控件动态创建几个div。其中两个控件应该是日期选择器。但由于某种原因，它们没有显示（仅显示输入文本）如果我创建静态html，它会起作用，但是当我使用动态html时则不行。这是我用来生成HTML的代码（我可以看到div） var ShowContainerDiv = document.createElement(‘DIV’); var btnShowDiv = document.createElement(‘DIV’); btnShowDiv.id = ‘btnShowDiv ‘; btnShowDiv.title = ‘Change’; btnShowDiv.index = 120; var lblShow = document.createElement(‘label’) lblShow.htmlFor = “btnShowDiv”; lblShow.appendChild(document.createTextNode(‘Show’)); btnShowDiv.appendChild(lblShow ); btnShowDiv.onclick = function () { dropdown.style.visibility = “visible”; }; var dropdown = document.createElement(‘DIV’); dropdown.style.backgroundColor = ‘white’; dropdown.style.borderStyle = ‘solid’; dropdown.style.borderWidth = ‘2px’; dropdown.style.cursor […]

将回调添加到jQuery DatePicker的正确方法: DatePicker有一个内部函数_adjustDate() ，我想在之后添加一个回调函数。现行方法这就是我目前正在做的事情。基本上，只需用自身替换function定义，再加上新操作。这会影响所有日期选择器，我也不确定是否也需要。 $(function(){ var old = $.datepicker._adjustdate; $.datepicker._adjustDate = function(){ old.apply(this, arguments); // custom callback here console.log(‘callback’); }; }); _adjustDate是在下一个/上个月点击期间调用的内容。该函数有三个参数。我很好奇是否有更好的方法来添加回调。预期结果我希望最终结果看起来像这样; 其中afterAjustDate是回调句柄： $(‘#datepicker’).datepicker({ showButtonPanel: true , afterAdjustDate: function(){ $(this).find(‘foo’).addClass(‘bar’); } }); FYI onChangeMonthYear不是可接受的事件替代， live() / delegate() （在IE中不起作用）绑定选项也不是。这来自于选择月份后应用类/操作元素的需要。更改月份会重新创建日历中的元素; 执行此操作时，jQueryUI不够智能，无法inheritance类更改。因此，我需要在更改日期后进行回调。

Jquery DatePicker设置默认日期: 我有两个日期字段，我使用DatePicker来选择日期。对于第一个日期字段，我希望今天的日期为默认日期。对于第二个日期字段，我today + 15需要today + 15天作为我的默认日期 jQuery的 $(“[name=trainingStartFromDate]”).datepicker({ dateFormat: ‘dd-mm-yy’, changeYear: true}); $(“[name=trainingStartToDate]”).datepicker({ dateFormat: ‘dd-mm-yy’, changeYear: true}); 如何设置默认日期？我已经尝试过setDate: new Date()作为第一次约会，但它不起作用。

如何在jQuery datetimepicker中格式化日期？: 我使用jQuery datetimepicker从jQuery datepicker扩展，不仅选择日期而且选择时间。我想用这种方式设置日期/时间格式： dd-mm-yyyy @ hh:mm $(‘#timePicker’).datetimepicker({ dateFormat: ‘dd:mm:yyyy’, separator: ‘ @ ‘, minDate: new Date() }); 但这不起作用。我按以下格式获取日期/时间： Thu Jan 27 2011 02:05:17 GMT+0100 是否有任何javascript函数来格式化此日期/时间？如果不是我如何使用该插件？看看我的代码： FIDDLE

如何更改jquery datepicker的单元格颜色: 我有一个jquery datepicker，我需要能够更改所选单元格日期的背景颜色。我正在尝试这样的事情： $(“#fecha”).datepicker({ onSelect: function(value, date) { alert(date.css()); } }); 希望date参数引用所选单元格，但它似乎不起作用。有什么建议吗？ //编辑：解决方案应该让我拥有动态设置不同颜色的不同单元格，这就是我尝试使用onSelect而不是直接更改CSS的原因。目的是使用由用户建立事件的日历。提前致谢。

jquery保持日期选择器一直打开: datepicker的正常行为是在单击texbox时打开，在选择（单击）日期时关闭。我需要做的是从表单加载开放它并允许用户反复点击。我正在处理点击事件谢谢

jquery ui datepicker上的日期范围选择器: 我使用jquery ui创建了一个日期范围选择器，您可以使用相同的内联日历来选择日期。看看我的小提琴： http ： //jsfiddle.net/kVsbq/4/ JS $(“.datepicker”).datepicker({ minDate: 0, numberOfMonths: [12, 1], beforeShowDay: function (date) { var date1 = $.datepicker.parseDate($.datepicker._defaults.dateFormat, $(“#input1”).val()); var date2 = $.datepicker.parseDate($.datepicker._defaults.dateFormat, $(“#input2”).val()); return [true, date1 && ((date.getTime() == date1.getTime()) || (date2 && date >= date1 && date <= date2)) ? "dp-highlight" : ""]; }, onSelect: function (dateText, inst) { var […]

jQuery datepickervalidation消息问题: 我在http://plugins.jquery.com/project/datepick上使用jquery datepicker插件和datepickervalidation插件。 $(document).ready(function(){ var validator = $(“#frmTest”).validate({ rules:{ fname: “required”, dobPicker: “required” }, messages:{ fname: “Please enter a name”, dobPicker: “Select a date” }, }); $(‘#dobPicker’).datepick(); $.datepick.setDefaults({showOn: ‘both’, dateFormat: ‘dd-mm-yy’, yearRange:’1900:2010′}); }); 文件正文如下： Name DOB 表单首次validation，但是日期选择器的错误消息不会立即消失，但是如果第二次选择了日期，它就会消失。任何帮助，使其第一次选择日期，将不胜感激