插件描述：jQuery bootstrap日期選擇插件daterangepicker，多種時間類型選擇

使用方法

第一步：引入css文件：

bootstrap.min.css、font-awesome.min.css、daterangepicker.css。

第二步：引入js文件：

jquery-2.2.3.min.js、moment.js、daterangepicker.js。

第三步：在html部分設(shè)置日期選擇控件：

?日期選擇

第四步：設(shè)置js$('#daterange-btn').daterangepicker({

ranges:?{

'今天':?[moment(),?moment()],

'本周':?[moment().startOf('week'),?moment().endOf('week')],

'本月':?[moment().startOf('month'),?moment().endOf('month')],

'今年':?[moment().startOf('year'),?moment().endOf('year')]

},

startDate:?moment(),

endDate:?moment().endOf('month')

},

function(start,?end)?{

$('#daterange-btn?span').html(start.format('MMMM?D,?YYYY')?+?'?-?'?+?end.format('MMMM?D,?YYYY'));

alert(start.format('YYYYMMDD')?+?"?"?+?end.format('YYYYMMDD'));

}

);

//Date?picker

$('#datepicker').datepicker({

autoclose:?true

});

總結(jié)

以上是生活随笔為你收集整理的php日期选择插件,优雅的日期选择插件daterangepicker的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。