JS实现当前选择日期是星期几

使用到的日期插件是My97 Datepicker，这里通过onpicked方法触发getDay()方法，在getDay()方法中获取已选择的日期来判断是星期几。

插件下载地址：http://www.my97.net/dp/down.asp。

实现方法如下：

 <!DOCTYPE html>
 <html>
 <head>
     <meta charset="utf-8">
     <title>获取星期</title>
     <script src="../jquery-1.7.2.min.js"></script>
     <script src="datepicker/WdatePicker.js"></script>
     <style type="text/css">
         .search-input {
             padding: 3px 24px 3px 6px;
             width: 190px;
             height: 30px;
             border-radius: 4px;
             font-size: 12px;
             line-height: 1.42857143;
             color: #555;
             background-color: #fff;
             border: 1px solid #ccc;
             vertical-align: middle;
         }

         .search-input:focus {
             border-color: #66afe9;
             outline: 0;
             -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
             box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
         }
     </style>
 </head>
 <body>
     <div class="search-block">
         <label class="search-label" for="startTime">日期：</label>
         <input class="search-input" id="selDate" type="text" placeholder="选择时间" onfocus="WdatePicker({ dateFmt: 'yyyy-MM-dd', onpicked: getDay() })" autocomplete="off">
         <span class="input-day" id="curDay">星期一</span>
     </div>
     <script type="text/javascript">
         function getDay() {
             var value = $("#selDate").val().trim();
             if (value == "") {
                 return;
             } else {
                 var day = new Date(value).getDay(),
                     text = "";
                 switch (day) {
                     case 0:
                         text = "星期日";
                         break;
                     case 1:
                         text = "星期一";
                         break;
                     case 2:
                         text = "星期二";
                         break;
                     case 3:
                         text = "星期三";
                         break;
                     case 4:
                         text = "星期四";
                         break;
                     case 5:
                         text = "星期五";
                         break;
                     case 6:
                         text = "星期六";
                         break;
                 }
                 $("#curDay").text(text);
             }
         }
     </script>
 </body>
 </html>

效果如图：

完成！