Javascript 根据表单输入更改日期选择器格式和输出

Javascript 根据表单输入更改日期选择器格式和输出,javascript,jquery,datepicker,Javascript,Jquery,Datepicker,如果这个问题已经得到回答,请提前道歉。我搜索了一下,但找不到答案 我在网页上使用datepicker,代码如下 $(函数(){ $(“#日期选择器”)。日期选择器({ 日期格式:“日、月、日、年”, minDate:0, }); }); 我还有下面的表格 英语 法语 提交 我想根据所选选项更改日期选择器格式和dayNames值。我相信我需要一个if操作符来完成这个任务,但似乎无法让它正常工作 因此,如果选择了“法语”选项,则日期格式将为“DD d MM yy”,并且日名将设置为“日名:[“

如果这个问题已经得到回答,请提前道歉。我搜索了一下,但找不到答案

我在网页上使用datepicker,代码如下

$(函数(){
$(“#日期选择器”)。日期选择器({
日期格式:“日、月、日、年”,
minDate:0,
});
});
我还有下面的表格


英语
法语
提交
我想根据所选选项更改日期选择器格式和
dayNames
值。我相信我需要一个
if
操作符来完成这个任务,但似乎无法让它正常工作

因此,如果选择了“法语”选项,则日期格式将为“DD d MM yy”,并且日名将设置为
“日名:[“dimanche”、“lundi”、“mardi”、“mercredi”、“jeudi”、“vendredi”、“samedi”]”

生成的日期将出现在段落中。因此,如果选择法语,日期将为“mercredi 25 décembre 2019”,如果选择英语,由于默认日期格式,日期将为“2019年12月25日星期三”


我对JavaScript和jQuery还比较陌生,希望能对此有所了解。我原本想在选择“法语”后更改日历的本地化,但这可能会使事情变得过于复杂。

感谢您的澄清!这里有一个答案可以帮助你找到你想要的。所有主要浏览器都可以使用javascript,使用
.toLocaleDateString(语言,选项)
,来翻译日期,因此我为您编写了一个代码段,供您使用

注意:我已将select更改为具有toLocaleDateString函数所需的区域设置字符串的值,并且您可以使用
dateOptions
对象处理格式设置。()

因此,datepicker的
getDate
方法返回一个javascript
Date
对象,这是
toLocaleDateString
所需要的。使用jquery设置
currentLanguage
变量以获取所选下拉项的值

希望这有帮助

$(函数(){
$(“#日期选择器”)。日期选择器({
日期格式:“日、月、日、年”,
minDate:0,
});
});
函数showDate(){
var dateOptions={工作日:“长”,年:“数字”,月:“长”,日:“数字”};
var selectedDate=$(“#日期选择器”)。日期选择器(“getDate”);
var currentLanguage=$(“#语言选项:选中”).val();
警报(selectedDate.toLocaleDateString(currentLanguage,dateOptions));
}

英语
法语

提交
感谢您的澄清!这里有一个答案可以帮助你找到你想要的。所有主要浏览器都可以使用javascript,使用
.toLocaleDateString(语言,选项)
,来翻译日期,因此我为您编写了一个代码段,供您使用

注意:我已将select更改为具有toLocaleDateString函数所需的区域设置字符串的值,并且您可以使用
dateOptions
对象处理格式设置。()

因此,datepicker的
getDate
方法返回一个javascript
Date
对象,这是
toLocaleDateString
所需要的。使用jquery设置
currentLanguage
变量以获取所选下拉项的值

希望这有帮助

$(函数(){
$(“#日期选择器”)。日期选择器({
日期格式:“日、月、日、年”,
minDate:0,
});
});
函数showDate(){
var dateOptions={工作日:“长”,年:“数字”,月:“长”,日:“数字”};
var selectedDate=$(“#日期选择器”)。日期选择器(“getDate”);
var currentLanguage=$(“#语言选项:选中”).val();
警报(selectedDate.toLocaleDateString(currentLanguage,dateOptions));
}

英语
法语

提交
您正在使用哪个datepicker小部件?看起来可能是引导数据采集器?(),而不是jQueryUIDatePicker或任何其他?你想让日期选择器自己改变语言吗?或者仅仅是单击submit按钮时的结果?Hi@ReversedPete,我相信我在修改这些源代码时使用了jQuery UI datepicker:和。我只想在你点击提交按钮时看到结果;datepicker本身可以保留为英语。您使用的是哪个datepicker小部件?看起来可能是引导数据采集器?(),而不是jQueryUIDatePicker或任何其他?你想让日期选择器自己改变语言吗?或者仅仅是单击submit按钮时的结果?Hi@ReversedPete,我相信我在修改这些源代码时使用了jQuery UI datepicker:和。我只想在你点击提交按钮时看到结果;日期选择器本身可以用英语。非常感谢彼得牧师!我很欣赏这个例子和解释,它解决了我的问题。很高兴听到它帮助了我,肖恩。别忘了把它标记为一个已被接受的答案,这样它就不会显示为未解决的问题了……非常感谢彼得牧师!我很欣赏这个例子和解释,它解决了我的问题。很高兴听到它帮助了我,肖恩。别忘了将其标记为已接受的答案,这样它就不会显示为未解决的问题。。。