jquery - 更改日期选择器 UI 日期会出现错误

Question

在我更改日期之前，我的日期选择器工作正常。更改日期后，它显示:指定的值“24-05-2017”不符合所需的格式“yyyy-MM-dd”。

Smarty HTML:

{assign var="value" value=$value|date_format:'%Y-%m-%d'}
<div class="select{if $value === '1000-01-01' || $value|substr:0:4 === '1000'} no-date{/if}">
    {assign var="dateFormat" value="dd-mm-yy"}
    <div class='input-group date'>
        <input type='date' class="form-control {if $value === '1000-01-01' || $value|substr:0:4 === '1000'}no-date{/if}" name="{$name|escape}" id="edit-{$name|escape}"{if $value} value="{$value|escape}" placeholder="{$value|escape}"
               data-role="datepicker" data-date-format="{$dateFormat|escape}">
    </div>
</div>

Jquery:

self.datepicker = function()
{
    if (typeof jQuery.ui !== 'undefined')
    {
        $('[data-role="datepicker"]').each(function()
        {
            var $this = $(this);
            var date = new Date($this.val());
            date = date.getDate() + "-" + (date.getMonth() + 1) + "-" + date.getFullYear();

            console.log(date);
            var defaults = {
                showButtonPanel: true,
                dateFormat: $this.data('date-format'),
                defaultDate: date === '1-1-1000' ? null : date,
                showOtherMonths: true,
                selectOtherMonths: true,
                changeMonth: true,
                changeYear: true,
                yearRange: 'c-10:c+10'
            };

            var options = $.extend({}, defaults, $this.data('options'));

            console.log(options);
            $this.datepicker(options);
        });
    }

结果:

该图像显示控制台日志和错误。我不确定“yyyy-MM-dd”来自哪里，因为我从未分配过它或在除 $value 之外的任何地方使用过它，但这对于 value 是必要的code> 否则，当我尝试使用 Jquery 获取起息日期时，我会得到 NaN。

Answer 1

将日期格式设置为:

dateFormat: "dd-MM-yyyy"