从生成的文本框中在日历上显示日期
Displaying the day on the calendar from the textbox generated
我可以问一下如何将日期(星期一,星期二等)从具有日期选择器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" />
一样或者只是谷歌它!数据选取器日期名称显示
相关文章:
- 如何在完整日历中的当天点击时显示活动详细信息
- 日历显示不正确
- php:两个日历没有显示
- 完整日历 (v2) 在每周视图槽的顶部显示弹出框
- 使用完整日历在网站上获取并显示来自Google日历事件的附加图像
- Angular Material DatePicker日历显示在Angular Modal后面
- jQuery-克隆的日期选择器日历未显示在日期选择器字段旁边
- 完整日历未显示在引导模式中
- 水平日历今天的日期以纯javascript突出显示
- 谷歌日历订阅源未显示事件
- Jqueryui日期选择器不显示日历
- 为什么浏览器不't显示我的日历
- 日历显示 24 小时制,我需要 12 小时制
- jQuery UI 日历显示加载事件
- 完整日历显示更多来自javascript的事件并显示这些事件
- 不能通过日历显示iCal提要
- 使用完整日历显示不同颜色的多个事件
- 我如何得到完整的日历显示日历在初始渲染
- 如何使用完整日历显示当前日期
- JavaScript日期选择器/日历-显示错误的当前日期