jQuery マウスでスライダーをドラッグして日付コードを選択します

js 代

<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="jquery-range/jquery.range.js"></script>
<スクリプトタイプ="text/javascript">
$(ドキュメント).ready(function(){
// 下拉选择框
$('.dropdown-menu li').click(function(){
var txt=$(this).text();
$(this).parent().prev().find('span').eq(0).text(txt);
})

変更Y();
$('.dropdown-menu li').click(function(){
var name=$('a',this).text();
$(this).parents('.btn-group').find('.dropdown-toggle span').text(name);
変更Y();
})

関数changeY(){
var year=$('#year').text().replace(/[^0-9]/ig,"")
var month=$('#month').text().replace(/[^0-9]/ig,"")
var days=totalDays(年, 月);
var dayArr=[];
for(var i=1;i<=days;i++)
{
dayArr.push(i+'号');
}
var last=parseInt(dayArr[dayArr.length-1]);
$('.demo').children().remove();
var div='<input type="hidden" value="" class="single-slider none">';
$('.demo').html(div)
//
$('.single-slider').jRange({
から:1、
最後まで、
ステップ1、
スケール: dayArr、
形式: '%s'、
幅:850、
showLabels: true、
スナップ: true
});
}

//一月の总天数
関数 totalDays(年,月){
var d = 新しい日付(年、月、0);
d.getDate()を返します;
}
})
</script>