Tag: datepicker

带有Knockout.js的jQuery UI datepicker

我正在玩knockout.js来添加和删除表单中的字段。 到目前为止它工作正常，但我需要一个datepicker选项，所以我使用了jQuery的UI datepicker。 这有效，但仅限于第一个datepicker，而不是其他任何地方。 因此，每当我点击“添加”时，我会获得新字段，但没有日期选择器。 我用google搜索并连接了StackExchange ，但没有找到复制字段的解决方案。 HTML 0′> Beschikkingsdatum Beschikkingsnr Delete Knockout.JS var beschikkingModel = function(beschikkingen) { var self = this; self.beschikkingen = ko.observableArray(beschikkingen); self.addbeschikking = function() { self.beschikkingen.push({ beschikkingsdatum: “”, beschikkingsnummer: “” }); }; self.removebeschikking = function(beschikking) { self.beschikkingen.remove(beschikking); }; self.save = function(form) { alert(“Could now transmit to server: ” + ko.utils.stringifyJson(self.beschikkingen)); // […]

如何在django中使用Datepicker

我想用datepicker实现一个django表单。 我制作了forms.py from django import forms class DateRangeForm(forms.Form): start_date = forms.DateField(widget=forms.TextInput(attrs= { ‘class’:’datepicker’ })) end_date = forms.DateField(widget=forms.TextInput(attrs= { ‘class’:’datepicker’ })) 和views.py if request.method == “POST”: f = DateRangeForm(request.POST) if f.is_valid(): c = f.save(commit = False) c.end_date = timezone.now() c.save() else: f = DateRangeForm() args = {} args.update(csrf(request)) args[‘form’] = f return render(request, ‘trial_balance.html’, { ‘form’: […]

jqueryUI datepicker在传递日期之前触发输入的模糊，避免/解决方法？

我对绑定到其blur事件的文本输入进行了一些validation。 我在这个字段上有一个datepicker（来自jqueryUI的版本），所以当你单击该字段时，datepicker会出现，然后你点击一个日期，它会像datepicker一样将日期填充到字段中。 但是，在输入日期之前，输入字段似乎由于某种原因而被触发。 在填充日期之前，焦点似乎远离输入。 所以我的validation在用户选择日期时，在日期实际进入字段之前，当它不应该时，就会被解雇。 它应该在日期投入后运行。有谁知道为什么模糊是在那时发生或如何解决它？

jQuery日期选择器不随页面滚动移动

我正在使用标准的jQuery UI datepicker，但是当我滚动页面时，日期选择器仍然是固定的。 任何想法如何解决这个问题？ http://jsfiddle.net/jbK6a/3/ 问候，尼尔

从html datepicker jquery中禁用特定日期

嘿家伙我想在我的网页上设置一个日期选择器，并禁用它的一些日期，所以它无法显示 这是代码： Untitled Document /** Days to be disabled as an array */ var disableddates = [“20-5-2015”, “12-11-2014”, “12-25-2014”, “12-20-2014”]; function DisableSpecificDates(date) { var m = date.getMonth(); var d = date.getDate(); var y = date.getFullYear(); // First convert the date in to the mm-dd-yyyy format // Take note that we will increment the month count […]

getDate with Jquery Datepicker

我试图从我的jquery日期选择器的实现中获取日期，将其添加到字符串并在我的div中显示结果图像。 但是有些东西不起作用。 任何人都可以查看代码并查看它吗？ 该代码应该从日期选择器中取出日期，将其组合成一个字符串，该字符串具有显示标记所需的代码，图像位于/ image中，格式为aYY-MM-DD.png，此日期为新选择器并不能完全降低它。 $(function(){ // Datepicker $(‘#datepicker’).datepicker({ dateFormat: ‘yy-mm-dd’, inline: true, minDate: new Date(2010, 1 – 1, 1), maxDate:new Date(2010, 12 – 1, 31), altField: ‘#datepicker_value’, }); //hover states on the static widgets $(‘#dialog_link, ul#icons li’).hover( function() { $(this).addClass(‘ui-state-hover’); }, function() { $(this).removeClass(‘ui-state-hover’); } ); }); //var img_date = .datepicker(‘getDate’); var day1 = […]

Jquery UI Datepicker未显示

UPDATE 我已经恢复到Jquery 1.3.2并且一切正常，不知道问题是什么/因为我没有更改jquery和ui库版本之外的任何其他内容。 更新结束 我遇到了JQuery UI datepicker的问题。 datepicker被附加到一个类，该部分正在工作但是没有显示datepicker。 这是我正在使用的datepicker代码以及当我点击具有类“.datepicker”的输入框时生成的内联样式。 $(‘.datepicker’).datepicker({dateFormat:’dd/mm/yy’}); display:none; left:418px; position:absolute; top:296px; z-index:1; 如果我更改显示：无显示：阻止日期选择器工作正常，但选择日期时它不会关闭。 正在使用的Jquery库： jQuery JavaScript Library v1.4.2 jQuery UI 1.8 jQuery UI Widget 1.8 jQuery UI Mouse 1.8 jQuery UI 位置1.8 jQuery UI Draggable 1.8 jQuery UI Droppable 1.8 jQuery UI Datepicker 1.8

jQuery – 如何在初始化之后更改Datepicker设置

我想绑定到初始化的datepicker“onSelect”函数。 我一直在努力在网上找到解决方案，但没有成功。 谁能告诉我怎么做？

Jquery .live可以使用但不能使用.datepicker

感谢您的回顾，所有真诚有用的答案都被投票赞成。 我有一些日期输入字段，当页面加载时，存在一堆动态生成的字段。 每次生成新实例时，我都不会在该类上调用.datepicker（），而是使用.live，但它似乎不起作用。 知道为什么吗？ $(“input[name=myfav]”).live(“click”, function(){ $(this).datepicker({ /* some options here */ }); }); 我应该提一下，例如，自动完成function完全正常。 $(“input[name=mytwo]”).live(“click”, function(){ $(this).autocomplete(“somefile.php”); });

该字段必须是日期 – Chrome中的DatePickervalidation失败 – mvc

我有奇怪的问题。 我的日期validation在Chrome中不起作用。 我试过这个答案，但它对我不起作用。 我的模型中有这个： [Display(Name = “Date”)] [DataType(DataType.Date)] public DateTime Date { get; set; } 我的看法： @Html.TextBoxFor(model => model.Item.Date, new { @class = “picker” }) @Html.ValidationMessageFor(model => model.Item.Date) $(document).ready(function () { $(‘.picker’).datepicker({ dateFormat: ‘dd.mm.yy’, changeMonth: true, changeYear: true, selectOtherMonths: true }); }); 一切都适用于Opera和Firefox，但Chrome不喜欢这种类型的日期。 我经常收到以下错误The field ‘Date’ must be a date 。 有任何想法吗？ UPDATE 当代码在局部视图中时，似乎存在问题。 当我将该代码复制到主页时，validation工作正常。 […]