使用Jquery datepicker作为月份范围选择器

时间:2015-10-27 10:35:05

标签: javascript jquery jquery-ui datepicker

我想使用jquery UI datepicker作为月选择选择器。它的代码是什么?我在这里试过,但没有成功

$('#startDateTotal').datepicker({
        changeMonth: true,
        changeYear: true,
        showButtonPanel: true,
        dateFormat: 'yy-MM ',
        maxDate: 0,
        onClose: function (selectedDate) {
            var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
            var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
            $(this).datepicker('setDate', new Date(year, month, 1));
            $("#endDateTotal").datepicker("option", "minDate", selectedDate);
        }

2 个答案:

答案 0 :(得分:0)

将以下css添加到其中:

.ui-datepicker-calendar {
    display: none;
    }

这隐藏了日历并且是一种黑客的方式,但这是唯一的出路。

答案 1 :(得分:0)

我希望以下代码可以帮助您,

访问http://jsfiddle.net/tmnasim/JLydp/

<强> HTML

<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

<强> CSS

<label for="myDate">Date :</label>
<input name="myDate" class="monthYearPicker" />

<强> jquery的

.ui-datepicker-calendar {
display: none; }