Tag: jquery ui datepicker

jquery移动日期箱自定义对齐

我目前正在使用jquery mobile datebox（http://dev.jtsage.com/jQM-DateBox/）来显示日历。 我将输入卡在显示：none的div中，然后使用以下javascript手动激活日历： $(‘#opencalendarlink’).live(‘click’, function(){ $(‘#datepicker’).datebox(‘open’); }); 其中opencalendarlink是按钮的id，日期选择器是日历的id。 但是，日历现在显示为左对齐，但按钮和相应的隐藏div是居中对齐的。 我怎样才能解决这个问题？

ASP MVC DateTimevalidation错误

在asp.net MVC 5中，我有一个显示来自DTO对象的数据的表单： public class FieldDTO { [DataType(DataType.DateTime)] [DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = “{0:dd/MM/yyyy}”)] public DateTime StartFieldDate { get; set; } [DataType(DataType.DateTime)] [DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = “{0:dd/MM/yyyy}”)] public DateTime StopFieldDate { get; set; } public String FieldName { get; set; } [DataType(DataType.DateTime)] [DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = “{0:dd/MM/yyyy}”)] public DateTime StartJob { get; set; […]

救命！ 如何在月更改后的UI datepicker中启用日期？

在我的情况下： 我想要从ajax调用启用的日子。 当我改变这个月的时候，我读了一个叫做ajax的xml文件，并得到那个月的日子。如何实现它？ 非常感谢你！！ 用于保存日期的数组变量： var $daysWithRecords = new Array() 加载xml文件的函数： function getDays(year,month){ $.ajax({ type: “GET”, url: “users.xml”, dataType: “xml”, success:function(msg) { initDaysArray( $(msg) , year , month ); } }); } 函数初始化days数组： function initDaysArray( $xml , year , month ) { //alert(year+’-‘+month); var dateToFind = year+’-‘+month; var $myElement = $xml.find( ‘user[id=”126″]’ ); dates = […]

在ng-change中不考虑Jquery datepicker选择日期 – AngularJS

请帮我解决这个问题。 我在AngularJS中使用jquery datepicker。 我试图获取所选日期并使用函数作为参数传递它。 为此，我使用以下代码。 HTML： 日期选择器： $( “#date1” ).datepicker(); AngularJS： function getOrg($scope, $http) { $scope.newTest = function(start_date){ alert(start_date); }; }

jQuery UI datepicker：如何将datepicker包装在一个新的div中？

我需要将我的日期选择器放在一个新的div中，这将是一个（shadow-）border-div。 我尝试过以下方法： beforeShow: function (input) { $(input).datepicker(“widget”) .find(“.ui-datepicker-header, ui-datepicker-calendar”) .wrapAll(“”); } 但它不起作用。 另外我试图包装整个选择器，但是后边界不是相同的位置，大小等。 有人可以帮帮忙吗？

突出显示整周的日期选择器

我有一个function齐全的日期选择器，可以选择整个开始工作周（周一至周五）。 我现在要做的是将它进一步扩展，以便在我点击特定的一周时。 它将突出整个。 我有它的paritally工作，看起来如下： Calandar preivew 。 可以看出，我遇到的问题是，对我来说，表格行似乎是奇数，偶数，奇数偶数。 至于第一周，我突出显示行以红色突出显示，细胞以黄色突出显示。 然后是工作罚款的那一周，然后如果我选择一周之后，那将会重复。 我试过检查jquery-ui-1.8.4.custom.css和jquery-ui.css，但没有运气。 似乎让我困惑的是为什么细胞以黄色突出显示？ 代码遵循我的datepicker。 使用Javascript： $(function() { var startDate; var endDate; var selectCurrentWeek = function() { window.setTimeout(function () { $(‘.week-picker’).find(‘.ui-datepicker-current-day a’).addClass(‘ui-state-active’)}, 1); } function check(d) { if(d.length() == 2) { dd = d; return dd; } else { dd = “0” + myDateParts[0]; return dd; } […]

如何基于另一个日期约束jQuery-ui datepicker的最小和最大日期

我想知道如何在入住日期之间设置退房日期。 就像我们选择六月（当月是二月）和第十五天一样。 因此它授权选择30天（30限制）之间的日期。 所以结束日期是：7月15日。 这里我们有一个代码： body{ font: 60.0% “Trebuchet MS”, sans-serif; margin: 50px; } $(function() { $(‘#from’).datepicker({ numberOfMonths: 2, firstDay: 1, dateFormat: ‘DD dd-mm-yy’, minDate: ‘0’, maxDate: ‘+2Y’, onSelect: function(dateStr) { var min = $(this).datepicker(‘getDate’); $(‘#to’).datepicker(‘option’, ‘minDate’, min || ‘0’); datepicked(); } }); $(‘#to’).datepicker({ numberOfMonths: 2, firstDay: 1, dateFormat: ‘DD dd-mm-yy’, minDate: ‘0’, maxDate: ‘+2Y’, […]

jQuery UI Datepicker – setDate无法正常工作

我知道之前已经问过这个问题，但我无法弄清楚我错过了什么。 这是一个简单的小提琴 。 jquery： var myDate = new Date(1978,2,11) $(‘#datepicker’).datepicker(‘setDate’, myDate);

结合jQuery-ui datepicker的本地化和初始化参数

我希望我的本地化日期选择器不允许某些日期选择。 本土化： $(“#datepicker”).datepicker($.datepicker.regional[“fr”]); 没有周末： $(“#datepicker”).datepicker({ beforeShowDay: $.datepicker.noWeekends }) 我无法弄清楚如何将两者结合起来？

jquery datepicker – 在select上激活另一个datepicker

我有2个jquery日期选择器来选择日期范围。 一旦我选择了一个日期（从第一个日期选择器），我想激活第二个（to）datepicker。 下面的代码可以做到这一点，但由于某些原因，立即关闭了datepicker。 有任何想法吗？ – http://jsfiddle.net/rN4zu/ From To jQuery的 $( “#dateFrom” ).datepicker({ minDate: 0, maxDate: “+2Y”, showWeek: true, weekHeader: ‘Wk’, onSelect: function( selectedDate ) { $( “#dateTo” ).datepicker(“option”, “minDate”, selectedDate ).focus(); } }); $( “#dateTo” ).datepicker({ maxDate: “+2Y”, showWeek: true, weekHeader: ‘Wk’ });