从生成的文本框中在日历上显示日期 - Displaying the day on the calendar from the textbox generated

Displaying the day on the calendar from the textbox generated

本文关键字：日历显示日期文本 | 更新日期: 2023-09-27

我可以问一下如何将日期（星期一，星期二等）从具有日期选择器JavaScript的文本框中显示到文本框中，该文本框将回显日期选择器中的日期。

示例：文本框 1（日期选取器，当用户选择 2013 年 9 月 12 日时，它将回显星期四到文本框 2）文本框 2 = 星期四。谢谢。

简单的代码在这里：

.HTML：

<input type="text" id="date" >
<input type="text" id="tellMeDay" >

j查询：

$(function () { 
 $( "#date" ).datepicker({ 
    dateFormat: 'dd-mm-yy',
    onSelect: function(dateText, inst) {
        var date = $( "#date" ).datepicker( "getDate" );
         $("#tellMeDay").val($.datepicker.formatDate('DD', date));
    }
 });
});

这里有一个jsfiddle

你可以让一个JS片段监视文本输入，当有变化时，你可以.getDay()它。有了它，你可以做一个开关/案例或一个if/then/else/elseif或任何你选择的逻辑方法。有关.getDay()的详细信息，请访问 http://www.w3schools.com/jsref/jsref_getday.asp

使用一些 JQuery UI 怎么样？ http://jqueryui.com/datepicker/或者尝试在HTML属性类型="日期"中使用，就像在Html5中<input type="date" />一样或者只是谷歌它！数据选取器日期名称显示