我是约会选择者的新手。我的要求是提供从1到31的日间选择器。

时间:2017-06-29 05:12:12

标签: javascript jquery datepicker jquery-ui-datepicker

我搜索了jquery datepicker,但它提供了几个月的日期。 我想要的是从1到31的多日选择器。 例如,如果用户选择1,5,14我应该在javascript变量中得到日期= 1,5,14。

任何简单的例子都会有很大帮助,谢谢。

2 个答案:

答案 0 :(得分:0)



$('#mdp-demo').multiDatesPicker({
    dateFormat: "d-m-y",
});

$("#getDates").click(function(e){
    var days;
    var selectedDates = $('#mdp-demo').multiDatesPicker("getDates");
    for(i in selectedDates){
        if(days)
    	   days += ","+selectedDates[i].split("-",1);
        else
           days = selectedDates[i].split("-",1);
    }
    alert(days);
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://cdn.rawgit.com/dubrox/Multiple-Dates-Picker-for-jQuery-UI/master/jquery-ui.multidatespicker.css" rel="stylesheet"/>
<link href="https://code.jquery.com/ui/1.12.1/themes/pepper-grinder/jquery-ui.css" rel="stylesheet"/>

<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<script src="https://cdn.rawgit.com/dubrox/Multiple-Dates-Picker-for-jQuery-UI/master/jquery-ui.multidatespicker.js"></script>

<div id="mdp-demo"></div>
<button id="getDates">
  Get Dates
</button>
&#13;
&#13;
&#13;

尝试使用MultiDatesPicker,可能对您有帮助。

MultiDatesPicker

答案 1 :(得分:0)

尝试下面的multidatespicker示例。

multi dates picker example

它可以帮助您实现您的要求。