Javascript jQueryUI Datepicker赢得'；不接受不同的日期格式

我有两个这样的日期选择器：

<input id="periode_eind" type="date" class="datepicker" name="periode_eind" value="@Model.PeriodeTotEnMet.ToString("dd-MM-yyyy")">

我还尝试将dateFormat作为属性传递到构造函数中，但这没有帮助，而且可能太晚了，因为DatePicker已经由HTML初始化

由于传递给日期选择器的值格式错误，因此会产生以下错误：

规定值“01-05-2016”不符合要求 格式为“yyyy-MM-dd”

我还尝试立即转换为jQuery，而不是在DocumentReady事件中，但这没有帮助。jQuery文档没有提供一个示例，说明如何实现日期选择器

---

如何实现日期选择器？

将对

datepicker（）

的调用直接添加到

class

选择器，然后使用

dateFormat

选项指定日期格式

---

例子

$（“.shortYear”）.datepicker（{
日期格式：“dd-MM-y”
});
$（“.longYear”）.datepicker（{
日期格式：“dd-MM-yy”
});
$（“.allNumbers”）.datepicker（{
日期格式：“dd-mm-yy”
});
$（“.yourRequiredFormat”）.datepicker（{
日期格式：“yy-MM-dd”
});
/*
简单的实用程序类，例如样式
*/
.边界{
边框：1px纯黑；
}
.软垫{
填充物：5px；
}
标签跨度
{
颜色：红色；
字体大小：14px；
}

日期（年月日）




日期（年月日）




日期（年月日）




*您所需的格式
日期（年月日）


将对
日期选择器（）的调用直接添加到
类
选择器，然后使用
日期格式
选项指定日期格式


例子

$（“.shortYear”）.datepicker（{
日期格式：“dd-MM-y”
});
$（“.longYear”）.datepicker（{
日期格式：“dd-MM-yy”
});
$（“.allNumbers”）.datepicker（{
日期格式：“dd-mm-yy”
});
$（“.yourRequiredFormat”）.datepicker（{
日期格式：“yy-MM-dd”
});
/*
简单的实用程序类，例如样式
*/
.边界{
边框：1px纯黑；
}
.软垫{
填充物：5px；
}
标签跨度
{
颜色：红色；
字体大小：14px；
}

日期（年月日）




日期（年月日）




日期（年月日）




*您所需的格式
日期（年月日）


这里最重要的是输入类型，应该是文本，而不是日期。@MrFox非常正确，谢谢您的提醒。将更新我的答案。这里最重要的是输入类型，应该是文本，而不是日期。@MrFox非常正确，谢谢您的提醒。将更新我的答案。
// Transform native HTML datepickers to jQuery datepickers.
$(document).ready(function () {
    var datepicker = $(".datepicker");
    datepicker.datepicker();
    datepicker.datepicker('option', 'dateFormat', "dd-MM-yyyy");
});