我将如何从月份选择器中提取月份和年份,我正在使用jquery

时间:2015-07-30 08:48:04

标签: javascript jquery

我希望月份和年份与本月/年度选择器分开。我试过这个。

我想将月份和年份插入数据库,因为我希望它能分开。我正在使用codeigniter框架工作

var month= $("#ui-datepicker-div .ui-datepicker-month :selected").val();
        window.write(' month');

它不起作用。

<!--<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">-->
<script src="../monthyear/jquery-ui.js"></script>
<link rel="stylesheet" href="jquery-ui.css">
<label for="monthYearPicker">Date :</label>
<div class="monthYearPicker" name="myDate" ></div>
<!--<input name="myDate" class="monthYearPicker" />-->
     <script>  
$(document).ready(function () {
    $(function () {
        $('.monthYearPicker').datepicker({
            changeMonth: true,
            changeYear: true,
            showButtonPanel: true,
            dateFormat: 'MM yy'
        }).focus(function () {
            var thisCalendar = $(this);
            $('.ui-datepicker-calendar').detach();
            $('.ui-datepicker-close').click(function () {
                var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
                var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
                thisCalendar.datepicker('setDate', new Date(year, month, 1));
            });
        });
    });
});
</script>
<style>
    .ui-datepicker-calendar {
   visibility:hidden;
}</style>

1 个答案:

答案 0 :(得分:0)

使用datepicker的onClose()方法。

onClose: function(dateText) { 
           dateVariable = dateText;
           if(dateVariable != null && dateVariable != ""){
                var arr = dateVariable.split(' ');
                $('#month').val(arr[0]);
                $('#year').val(arr[1]);
           }

示例: jsFiddle

我希望这能解决你的问题。