Tag: datepicker

JQuery 1.7打破了JQuery Datepicker？: 我认为这些日子里最好的日期采摘者之一仍然是Kelvin Luck的jquery-datepicker http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/ 但是，最新的jquery（jquery 1.7+）会默默地破坏这个日期选择器。我只是想知道是否有人调查过这个问题，或者我们如何解决这个问题

如何自定义jquery ui日期选择器？: 我想通过将服务器日期设置为当前日期来自定义jquery ui日期选择器。在提到问题之后我写下来了 var queryDate = ‘2012-11-15’, dateParts = queryDate.match(/(\d+)/g) realDate = new Date(dateParts[0], dateParts[1] – 1, dateParts[2]); // months are 0-based! $(‘#datepicker’).datepicker(‘setDate’, realDate); $(‘#datepicker’).datepicker({ dateFormat: ‘yy-mm-dd’ }); 它工作，但当我改变第二步 $(‘#datepicker’).datepicker({ dateFormat: ‘yy-mm-dd’,minDate: 0,maxDate: ‘+6M’ }); 它根据系统日期而不是我指定的服务器日期显示日期，怎么解决这个？

Rails DatePicker – 对象没有方法’datepicker’: 我正在尝试将datepicker添加到我的rails 3.2.8应用程序中。由于它是rails 3+，我没有向application.html.erb添加任何内容。我的application.js如下： // This is a manifest file that’ll be compiled into application.js, which will include all the files // listed below. // // Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts, // or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path. // // It’s not advisable […]

如何根据用户选择jquery datepicker禁用日期: 我有以下代码： HTML from to select days of the week S M T W T F S 脚本 $( function() { var dateFormat = “mm/dd/yy”, from = $( “#sproid-bookingcondition-datefrom” ) .datepicker({ defaultDate: “+1w”, changeMonth: true, numberOfMonths: 1 }) .on( “change”, function() { to.datepicker( “option”, “minDate”, getDate( this ) ); }), to = $( “#sproid-bookingcondition-dateto” ).datepicker({ defaultDate: […]

MVC3 + Datepicker +英国日期: Dudes，一直在努力解决这个问题。我一直在环顾四周，一直在摆弄，但我不能让它工作！对于我的DOB，我希望以dd / mm / yyyy接受日期..但是它只接受mm / dd / yyyy。我应该在哪里修复？我从Jquery Datepicker 1和Jquery Datepicker 2获得了灵感。在我的模型中 [DataType(DataType.Date)] [DisplayFormat(DataFormatString = “{0:dd/MM/yyyy}”, ApplyFormatInEditMode = true)] [Display(Name = “Date of Birth”)] public DateTime DOB { get; set; } 在我看来，非常直截了当 @Html.EditorFor(model => model.DOB) 有一个编辑模板，每当使用日期时调用该模板。 @model DateTime? @Html.TextBox(“”, Model != null ? Model.Value.ToString(“dd/mm/yyyy”) : “”, new { @class […]

datepicker和jstree或multipul之间的冲突: 我在我的页面中使用datepicker 我使用jquery 1.6.2和jquery UI 1.8.14的datepicker 然后我使用适用于1.9.0或更高版本的jstree 和多选用至少1.7.0 jquery 我加载这些js文件 var jq162 = jQuery.noConflict(true); 现在我用这个 jq162(function() { //———————————- jq162(‘#datepicker12from’).datepicker({ onSelect: function(dateText, inst) { jq162(‘#datepicker12to’).datepicker(‘option’, ‘minDate’, new JalaliDate(inst[‘selectedYear’], inst[‘selectedMonth’], inst[‘selectedDay’])); } }); jq162(‘#datepicker12to’).datepicker(); jq162(‘#datepicker’).datepicker(); }); 但也有这个代码datepicker不起作用我能为这个问题做些什么？如果可以，请帮助我，我真的需要解决这个程序谢谢

在另一个datepicker中更改时无法更改datepicker参数？: 我在表单中有两个日期选择器。当用户选择第一个日期时，应更新第二个日期选择器的最小和最大日期（距选择一年）。但在我的情况下，当我第一次在第一个datepicker中选择日期时，最小和最大日期只更新一次。但是，如果我更改选择，则第二个日期选择器不会使用更改的值进行修改。 HTML： Model Production Date Next Review Date JS： .directive(‘datePicker1’, function () { return function (scope, element, attrs) { element.datepicker({ format: “yyyy/mm/dd”, todayHighlight: true, //startDate: stDate || new Date(), //endDate:enDate || new Date(), autoclose: true }); scope.$watch(‘productionDate’, function (newVal, oldVal) { if(newVal){ scope[‘productionDate’] = newVal; } else{ return; } }); }; }) […]

Bootstrap datepicker无法正常工作: 在我的webapp中，我使用的是bootstrap组件; 在我的一个页面中，我试图设置一个引导日期选择器，或者更好的日期时间选择器，仍然没有运气。我的css和js导入是（按顺序）： bootstrap.css datepicker.css 的jquery.js bootstrap.js 引导-datepicker.js 我写的代码是： $(document).ready(function() { $(‘#datetimepicker2′).datetimepicker(); }); 但我尝试了很多脚本组合（避免文件就绪函数调用，只是调用函数），在div和输入上设置’datetimepicker2’id，总是没有运气。当我尝试我的datepicker没有任何反应，在控制台我总是得到： uncaught typeerror undefined不是一个函数错误就行了： $(‘#datetimepicker2′).datetimepicker(); 我在网上搜索过，我不是唯一一个遇到这个问题的人，很多人都解决了将div类放入’日期’的问题，但这对我来说并没有成功。其他人也建议导入jQueryUI，但仍然没有运气。任何提示？

onchangeDate不会在克隆的datepicker对象上触发: 我正在处理项目的项目（请参阅我之前的问题： validate-dynamic-table-rows-on-event-listeners / 42408354＃42408354 ）我的表行在成功处理后被克隆。我必须清除所有输入，更改嵌套的html对象的类和ID，除了onchangeDate事件侦听器之外，一切正常。我正在使用jQuery.dataTables来填充我的表，而complete: function是我将datepickers绑定到我的tr tds中的原始输入html元素的地方。而不是由datepickers分配的dp126353729 ID我使用我的ID的行号，这根本不是问题。我的问题是，当我关闭我的日期选择器时，我使用onchangeDate事件来触发onfocusout事件，以便使用新日期处理我的表行。我不得不通过使用setTimeout来玩游戏，让事件监听器首先获取新日期！克隆的datepicker元素不会触发onchangeDate 。我试图将它们绑定到这个事件没有任何运气。使用默认ID也没有帮助。这是一个JSFIDDLE，用于显示克隆的日期选择器如何触发onfocusout 这是我的代码： var DatePicker = function(that){ if (jQuery().datepicker) { alert(that.attr(‘id’)); that.datepicker({ showOn: “button”, buttonImage: “/images/calendar.png”, buttonImageOnly: true, buttonText: ‘Select a start buying date’, changeMonth: true, changeYear: true, beforeShow: function() { setTimeout(function(){ $(‘.ui-datepicker’).css(‘z-index’, 100100); }, 0); }, onSelect: function […]

bootstrap datepicker daysofweekdisabled在使用模态时不起作用: 我正在为我的项目使用bootstrap 4，以及最新的bootstrap datepicker和modal来帮助我。当我单击一个按钮时，我打开模态，里面有一个text字段触发daysOfWeekDisabled ，在调用ajax请求时获得的某些输出上启用了daysOfWeekDisabled选项。但是，无论ajax的输出是什么，datepicker总是使用旧的禁用日值。下面是我的HTML modal代码。 EDIT DATE × Update Confirm Change 触发模态的javascript代码如下所示： $(‘a.editInsertDate’).on(‘click’,function(){ insertId = $(this).data(‘insertdateid’); printId = $(this).data(‘printadsid’); insertionDate = $(this).data(‘insertiondate’); $(‘#printAdEditPopup’).modal(‘show’); $(‘#printAdEditPopup #editInsertionDate’).val(insertionDate); $(‘#printAdEditPopup #hiddenEditInsertDate’).val(insertId); $(‘#printAdEditPopup #hiddenPrintAdsId’).val(printId); }); 下面给出了使用daysOfWeekDisabled和’ajax’调用的javascript。 $(‘#printAdEditPopup’).on(‘shown.bs.modal’,function(){ $.ajax({ url: ‘some_other_url’ type: ‘GET’, success: function(result){ editionId = result.editionId; publicationId = result.publicationId; }, error: function(err){ console.log(err); } }).promise().done(function() { […]