duanhao4909 2017-09-20 08: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 09: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>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 【提问】基于Invest的水源涵养
  • ¥20 微信网友居然可以通过vx号找到我绑的手机号
  • ¥15 spring后端vue前端
  • ¥15 寻一个支付宝扫码远程授权登录的软件助手app
  • ¥15 解riccati方程组
  • ¥15 display:none;样式在嵌套结构中的已设置了display样式的元素上不起作用?
  • ¥15 使用rabbitMQ 消息队列作为url源进行多线程爬取时,总有几个url没有处理的问题。
  • ¥15 Ubuntu在安装序列比对软件STAR时出现报错如何解决
  • ¥50 树莓派安卓APK系统签名
  • ¥65 汇编语言除法溢出问题