javascript-如何使用jQuery Datepicker在选定的日期显示其他信息？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-如何使用jQuery Datepicker在选定的日期显示其他信息？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1178字，纯文字阅读大概需要2分钟。

内容图文

我正在为文本框使用jQuery的Datepicker,如下所示.我已经限制了允许用户选择的日期,但是我的问题是,是否有一种方法可以在每个选定的日期以及同时在文本框中显示特殊文本.

例如,如果用户选择第1天,那么将显示2011年9月19日星期一,如何在2011年9月19日星期一将其设置为此处的特殊名称？

所有可供选择的日期(例如2011年9月20日星期二)和这里星期二的特殊名称都一样吗？

这次真是万分感谢

    <script>
$(document).ready(function() {

var date = new Date();
var m = date.getMonth(), d = date.getDate(), y = date.getFullYear();

$('#datepicker').datepicker({
        minDate: new Date(y, m, d),
        dateFormat: 'DD, d MM yy',
        beforeShowDay: function(date){ 
        var day = date.getDay(); 
        return [day == 1 || day == 4 || day == 5,""];
        }
});

$( "#datepicker" ).datepicker( $.datepicker.regional[ "el" ] );

});
    </script>

解决方法:

添加此数组：

var weekday=new Array(7);
weekday[0]="Sunny Sunday";
weekday[1]="Manic Monday";
weekday[2]="Terrible Tuesday";
weekday[3]="Wild Wednesday";
weekday[4]="Thorny Thursday";
weekday[5]="Freaky Friday";
weekday[6]="Sadistic Saturday";

然后添加此方法：

    onSelect: function(dateText, inst) {
        var day = new Date(dateText).getDay();
        $(this).val(dateText + ': ' + weekday[day]);
    },

演示：http://jsfiddle.net/AlienWebguy/Xm6Dm/

内容总结

以上是互联网集市为您收集整理的javascript-如何使用jQuery Datepicker在选定的日期显示其他信息？全部内容，希望文章能够帮你解决javascript-如何使用jQuery Datepicker在选定的日期显示其他信息？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端