在javascript datepicker中以不同的格式显示日期

时间:2013-07-25 10:18:23

标签: javascript date calendar datepicker

我是JavaScript新手,我正在尝试制作日期选择器小部件,我选择的日期为mm / dd / yy格式,如何将日期设为“星期四(日),7月25日(日期) ,月),2013“种格式以及如何将输入值设置为当前日期。这是我的小提琴,   http://jsbin.com/idowik/3/   http://jsbin.com/idowik/3/edit 有很多警告,请耐心等待,请在新标签中打开输出。谢谢,

1 个答案:

答案 0 :(得分:0)

阅读有关日期对象的文档:http://www.w3schools.com/jsref/jsref_obj_date.asp。 你需要的一切都在那里描述。

查看以下代码:

<!DOCTYPE html>
<html>
    <body>
        <input id="dateInput" type="text"></input>
        <button id="convertButton">Convert to string</button>
        <a id="dateString"></a>
        <script type="text/javascript">
            var dateInput = document.getElementById("dateInput");
            var button = document.getElementById("convertButton");
            var dateString = document.getElementById("dateString");
            var date;
            button.onclick = function() {
                var year = 2000+ parseInt(dateInput.value.split("/")[2]);
                var month = dateInput.value.split("/")[0];
                var day = dateInput.value.split("/")[1];

                date = new Date(year, month, day);

                dateString.innerHTML = date.toDateString();
            }
        </script>
    </body>
</html>

此html页面完全符合您的要求。