Tag: datepicker

在Datepicker中禁用天数

我试图禁用日历的某些日子,但我不能。 我正在使用这个日期选择器https://github.com/eternicode/bootstrap-datepicker/blob/master/docs/index.rst 。 我拥有的javascript代码就是这样,除了你要禁用的日子外,我所需要的只是我需要的工作。 var disabledDays = [’11/29/2013′, ’11/27/2013′, ’11/28/2013′]; function daysDisabled(date) { for (var i = 0; i < disabledDays.length; i++) { if (new Date(disabledDays[i]).toString() == date.toString()) { return [false, '']; } } return [true, '']; } $('.datepicker').datepicker({ format: 'dd-mm-yyyy', todayHighlight: true, autoclose: true, weekStart: 1, startDate: '0d', language: 'es', beforeShowDay: daysDisabled })

Angular2应用程序中的jQuery Datepicker。 输入格式应与显示格式不同

我正试图在我的角应用程序中使用jQuery Datepicker。 从服务器我得到一个日期对象,格式为yy-mm-dd。 当我将此格式设置为“dateFormat”选项时,我的日期显示为右。 但我喜欢只为UI获取以下格式:dd.mm.yy。 当我在选项中设置此格式时,日期1959-12-31结果为05.03.2022。 如果我点击“保存”按钮,这也是我从datepicker获得的格式。 所以唯一的工作格式是yy-mm-dd,如果有人可以帮助我的话会很棒。 我尝试了很多其他选项,并在这里阅读了许多其他类似的问题,但我无法获得任何解决方案。 我还尝试了一个隐藏的输入字段来存储备用值。 这是我的Angular组件使用jQuery选择器: import {forwardRef, Input, Output, EventEmitter, ViewChild, ElementRef, AfterViewInit, Component} from ‘@angular/core’; import {ControlValueAccessor, NG_VALUE_ACCESSOR} from “@angular/forms”; const DATE_PICKER_VALUE_ACCESSOR = { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => DatePicker), multi: true }; declare var jQuery: any; @Component({ selector: ‘jQueryDate’, template: ` `, providers: [DATE_PICKER_VALUE_ACCESSOR] }) export class […]

Bootstrap DatePicker – 跳过范围内的日期数组

我有一个残疾人日历IMAGE我禁用星期日和星期六和日期之前有这个属性: //datesDisabled: datesForDisable, –> this is array //daysOfWeekDisabled: [0, 6], 我想在哪里选择date日期中的第18个日期和日期中的第23个日期以获得日期长度 – > 2我想跳过禁用日期 我在这里使用function var enumerateDaysBetweenDates = function (startDate, endDate) { var disabledDates = [“13/01/2017”, “19/01/2017”, “20/01/2017”]; var DisableDays = [0, 1]; var dates = []; var currDate = startDate.clone().startOf(‘day’); var lastDate = endDate.clone().startOf(‘day’); dates.push(currDate.clone().toDate()); while (currDate.add(‘days’, 1).diff(lastDate) < 0) { if (disabledDates.indexOf(moment(currDate.format('DD/MM/YYYY'))) == […]

使用Bootstrap Datepicker选择月份日期范围和月份

如何使用Bootstrap Datepicker选择月份日期和月份的范围? 我目前正在使用jQuery UI datepicker来选择月和周。 这是我尝试在月份转换的周日期范围的示例。 但是得到问题 这里是js小提琴的链接https://jsfiddle.net/prtk/znbx32j1/1/ HTML Select Week « » JS var weekpicker, start_date, end_date; function set_week_picker(date) { start_date = new Date(date.getFullYear(), date.getMonth(), date.getDate() – date.getDay()); end_date = new Date(date.getFullYear(), date.getMonth(), date.getDate() – date.getDay() + 6); weekpicker.datepicker(‘update’, start_date); weekpicker.val((start_date.getMonth() + 1) + ‘/’ + start_date.getDate() + ‘/’ + start_date.getFullYear() + ‘ – […]

Jquery datepicker选择日期不分配值

我有一个与编辑器字段关联的日期选择器,用于选择日期。 但是当我选择日期时,选择将显示在编辑器字段中,但不会将值分配给相应的元素。 我的代码如下: jQuery的: $(“#JobDate”).click(function () { $(this).datepicker({ dateFormat: ‘dd/mm/yy’ }).datepicker(“show”); }); cshtml代码 @Html.LabelFor(model => model.JobDate) @Html.EditorFor(model => model.JobDate) 我也想听听你对这个问题的看法。 也欢迎替代方法。

jQuery按照从最小到最大的顺序显示日期

我很高兴在我的另一个问题上收到以下日期排序代码:)但我有一个快速查询。 如何从最小日期到最大日期的顺序生成最小日期和最大日期apear的结果? jQuery的: $(function() { $.datepicker.setDefaults({ dateFormat: “dd/mm/yy” }); //sets default datepicker’s dateFormat $(“#mindate, #maxdate”) .datepicker() //initializes both of the date inputs as jQuery UI datepickers .on(‘keypress keyup change blur’, function(){ filter(); }); //sets listeners to filter the table on the fly }); function filter(){ $(‘tr’).show(); //resets table to default before executing the filter datefields […]

jquery datepicker删除当前突出显示的类

我想从我的jquery datepicker实例中完全删除当前的高亮类。 我使用datepicker内联作为div,所以我发现在类上使用.find和.remove的所有规定方法都不起作用。 我已经尝试删除.ui-state-highlight的所有CSS条目,没有任何改进。 我的基本代码的jsfiddle ,我建议在新标签中打开它,这样可以更容易地回到这个问题。 这是一个截图 代码检查,显示我需要删除的类。 代码: $( function() { var selections = [“2017-07-29”] function bansingle(date) { var excerpt = jQuery.datepicker.formatDate(‘yy-mm-dd’, date); return [ selections.indexOf(excerpt) == -1 ] } // somehow combine this function later. //function bandow(date) { // var day = date.getDay(); // return [(day != 0 && day != 6)]; // […]

jquery datepicker将事件添加到下一个和上一个按钮

我显示一个3个月的日期选择器,在右上角有一个月的下一个按钮。 我想在下一个按钮上添加一个事件,我想用这个按钮触发一个ontherfunction,但是下个月还要显示一个事件。

setDate之后的jquery datepicker不再能够在标题中更改Month和Year

我正在使用JQuery UI Datepicker来选择日期。 我在初始化时将“changeMonth”和“changeYear”设置为true。 $( “#from” ).datepicker({ defaultDate: “+1w”, changeMonth: true, changeYear: true, dateFormat: ‘yy-mm-dd’, onClose: function( selectedDate ) { $( “#to” ).datepicker( “option”, “minDate”, selectedDate ); } }); $( “#to” ).datepicker({ defaultDate: “+1w”, changeMonth: true, changeYear: true, dateFormat: ‘yy-mm-dd’, onClose: function( selectedDate ) { $( “#from” ).datepicker( “option”, “maxDate”, selectedDate ); } }); 但是我希望默认设置 […]

如何通过datepicker获取日期并通过GET传递?

我有问题通过GET url传递日期参数。 我从两个输入字段中获取数据,并将datepicker与之关联。 这是代码: $(“.options input[type=’submit’]”).click(function() { $(‘#From’).datepicker(); $(‘#To’).datepicker(); var $From = $(‘#From’).datepicker(‘getDate’).getDate(); var $To = $(‘#To’).datepicker(‘getDate’).getDate(); $(‘#placeholder’).html(”); }); Html页面: Датум од: Датум до: 当我从datepicker图像显示选择日期时。 但如果我不选择datepicker的日期,那么什么也没有显示。 也许我可以检查是否没有选择日期,然后将值设置为空字符串。 像这样的东西: if ($From == null) { $From = ”; } if ($To == null) { $To = ”; } 我试过这个,但它不起作用。 什么可以解决问题? 编辑:目前,我没有在服务器端处理GET参数,以简化问题,但看看: SetScale(‘intint’); $graph->title->set(‘Title’); $graph->xaxis->title->Set(‘Day’); $graph->yaxis->title->Set(‘Temp’); $lineplot=new LinePlot($niz); […]