duanhao4909 2017-09-20 00:46
浏览 74
已采纳

在jquery datepicker中的onselectiong日期,我需要在表单文本字段中获取日期和月份

on selecting date, it has to display day name like Sunday,Monday and month name like January,February in other fields.

thanks in advance,

here is my html code

<input type="text" id="datepicker" class="form-control"></p>

<input type="text" id="day" class="form-control"></p>
<input type="text" id="month" class="form-control"></p>

here is my js

<script>
    $( "#datepicker" ).datepicker({dateFormat: 'dd-mm-yy'});
    $('#btn').click(function(){
         var _myDate = new Date($('#datepicker').datepicker("option" , 
"dateFormat", "mm-dd-yy").val());
         var monthNames = ["January", "February", "March", "April", "May", 
 "June","July", "August", "September", "October", "November", "December"];

          $('#my_month').val(monthNames[_myDate.getMonth()]);
          $('#my_day').val(_myDate.getDay());
    });
    </script>
  • 写回答

1条回答 默认 最新

  • dth2331 2017-09-20 01:08
    关注

    $( function() {
    var weekday=new Array(7);
    weekday[0]="Sunday";
    weekday[1]="Monday";
    weekday[2]="Tuesday";
    weekday[3]="Wednesday";
    weekday[4]="Thursday";
    weekday[5]="Friday";
    weekday[6]="Saturday";
    
            $( "#datepicker" ).datepicker({
                dateFormat: 'mm-dd-yy',
                inline: true,
                onSelect: function(dateText, inst) {
                    var date = $(this).datepicker('getDate'),
                        day  = date.getDate(),
                        month = date.getMonth() + 1,
                        year =  date.getFullYear();
     var dayOfWeek = weekday[date.getUTCDay()+1];
                    $("#day").val(dayOfWeek);
                    $("#month").val(month);
                }
    
            });
    
        } );
    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
    <link rel="stylesheet" href="/resources/demos/style.css">
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    
    
    <input type="text" id="datepicker" class="form-control">
    
    <input type="text" id="day" class="form-control">
    <input type="text" id="month" class="form-control">

    </div>
    

    展开全部

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
编辑
预览

报告相同问题?

手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部