原生html写日期范围选择,html jQuery 时间范围选择器

做开发项目的时候发现要选择一个时间段，先用了一下layui的时间段选择器，发现在手机端不是很好用，因为太宽了，会有一部分超出页面，然后就自己做了一个，先贴个图，然后直接贴代码了。有需要修改的地方，希望大家帮忙，修改一下，谢谢大家。

demo.jpg

timeSelector.js

/*!

* timeSelector.js

* By leafly

* Date:2020/4/29

*/

(function (factory) {

if (typeof define === 'function' && define.amd) {

// AMD

define(['jquery'], factory);

} else if (typeof exports === 'object') {

// CommonJS

factory(require('jquery'));

} else {

// Browser globals

factory(jQuery);

}

}(function ($) {

var doc = window.document,

dpr = $('html'