Question

在Jquery DatePicker上有点新鲜。我想要做的是允许用户根据toDate datepicker min＆amp; max日期设置选择fromDate。但我需要使用dd / mm / yy格式。但是当我使用它时，onchange中的功能消失了。 any1可以帮助我吗？以下工作完美，但无法以dd / mm / yy格式实现日期选择器

 $("#Date_FromDate").datepicker({                
            defaultDate: "+1w",
            changeMonth: true,
            numberOfMonths: 1,
            minDate: firstDate,
            maxDate: lastDate,
            onClose: function (selectedDate) {
                $("#Date_ToDate").datepicker("option", "minDate", selectedDate);
                var choosenDate = new Date(selectedDate);
                var choosenDateQuarter = Math.floor((choosenDate.getMonth() / 3));
                var choosenDateQuarterStartDate = new Date(choosenDate.getFullYear(), choosenDateQuarter * 3, 1);
                var choosenDateQuarterEndDate = new Date(choosenDateQuarterStartDate.getFullYear(), choosenDateQuarterStartDate.getMonth() + 3, 0);
                lastDate = choosenDateQuarterEndDate;
                $("#Date_ToDate").datepicker("option", "maxDate", choosenDateQuarterEndDate);
            }

        });
        $("#Date_ToDate").datepicker({               
            defaultDate: "+1w",
            changeMonth: true,
            numberOfMonths: 1,
            minDate: firstDate,
            maxDate: lastDate,
            onClose: function (selectedDate) {
                $("#Date_FromDate").datepicker("option", "maxDate", selectedDate);
            }

Answer 1

尝试：

$("#Date_ToDate").datepicker("option", "dateFormat", "dd/mm/yy");

或者

$("#Date_ToDate").datepicker({ dateFormat: "dd/mm/yy" });

Answer 2

将dateFormat作为参数传递。

放置所需的格式而不是null。有关dateformats here.的更多信息所以你的代码来自

 $("#Date_ToDate").datepicker({               
            defaultDate: "+1w",
            changeMonth: true,
            numberOfMonths: 1,
            minDate: firstDate,
            maxDate: lastDate,
            onClose: function (selectedDate) {
                $("#Date_FromDate").datepicker("option", "maxDate", selectedDate);
            }

到

 $("#Date_ToDate").datepicker({               
            defaultDate: "+1w",
            changeMonth: true,
            dateFormat:"dd/mm/yy",
            numberOfMonths: 1,
            minDate: firstDate,
            maxDate: lastDate,
            onClose: function (selectedDate) {
                $("#Date_FromDate").datepicker("option", "maxDate", selectedDate);
            }

修改

您需要先解析firstDate和lastDate，然后再将其分配给min和max，如下所示：

var minDate= $.datepicker.parseDate('dd/mm/yy', firstDate); var maxDate= $.datepicker.parseDate('dd/mm/yy', lastDate);

Answer 3

Zlatan和Bhushan都是对的。不要混淆你在代码上方编写更多的代码，然后格式化你在变量firstdate和lastdate中得到的值，如果它们已经是dd / mm / yy则不需要格式化。

$("#Date_FromDate").datepicker("option", "dateFormat", "dd/mm/yy");
$("#Date_ToDate").datepicker("option", "dateFormat", "dd/mm/yy");

JQuery Datepicker以及dateformat

3 个答案: