js实现结束时间限制在开始时间后面，时间戳转化为yyyy-MM-dd格式时间

最新推荐文章于 2024-01-22 18:01:42 发布

standonthetop

最新推荐文章于 2024-01-22 18:01:42 发布

阅读量661

点赞数

CC 4.0 BY-SA版权

分类专栏：前端js 文章标签：前端

本文链接：https://blog.youkuaiyun.com/standonthetop/article/details/95985443

前端js 专栏收录该内容

1 篇文章

订阅专栏

该博客聚焦前端技术，包含三方面内容：一是限制结束时间在开始时间之后；二是将13位时间戳转化为yyyy-MM-dd格式时间；三是获取选择框的值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、限制结束时间在开始时间后面：

//开始时间
$("#createDate").datetimepicker({
		    minView: "month",
		    language: 'zh-CN',
		    format: 'yyyy-mm-dd',
		    autoclose: true,
		    todayBtn: true,
		    pickerPosition: "bottom-left"
		}).on('changeDate', function (ev) {
		    var createDate = $("#createDate").val();
		    $("#createDateTo").datetimepicker('setStartDate', createDate);
		    $("#createDate").datetimepicker('hide');
});
//结束时间
$("#createDateTo").datetimepicker({
		    minView: "month",
		    language: 'zh-CN',
		    format: 'yyyy-mm-dd',
		    autoclose: true,
		    todayBtn: true,
		    pickerPosition: "bottom-left"
		}).on('changeDate', function (ev) {
		    var createDate = $("#createDate").val();
		    var endtime = $("#endTime").val();
		    $("#createDate").datetimepicker('setEndDate', createDateTo);
		    $("#createDateTo").datetimepicker('hide');
});

2、13位时间戳转化为yyyy-MM-dd格式时间

html:
<div class="data-container">
        <table id="table">
            <thead>
            <tr>
                <th data-field="createDate" data-align="center" data-formatter="reverseTo">创建时间</th>
            </tr>
            </thead>
        </table>
    </div>
    
//该函数时间对应操作“创建时间”的后端返回时间戳数据，转化为正确的时间格式
function reverseTo(value, row, index) {
        return changeDateFormat(value)
    }
function changeDateFormat(cellval) {
	   var dateVal = cellval + "";
	   if (cellval != null) {
	       var date = new Date(parseInt(dateVal.replace("/Date(", "").replace(")/", ""), 10));
	       var month = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1;
	       var currentDate = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
	       var hours = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
	       var minutes = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
	       var seconds = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
	       return date.getFullYear() + "-" + month + "-" + currentDate + " " + hours + ":" + minutes + ":" + seconds;
	   }
    }

3、获取选择框值：

案例一：
<select class="select1" id="zfor" name="zfor" data-title="--请选择--"
                                data-width="100%">
           <option value="">--请选择--</option>
           <option value="1">篮球</option>
           <option value="2">足球</option>
           <option value="3">乒乓球</option>
</select>
var value = $('#zfor').val();
var text = $('#zfor').find("option:selected").text();
$('body').append('value=' + value + ',text=' + text);

案例二：
<div class="form-group">
	      <label>xxx公司</label>
	      <select class="form-control" id="testSelect">
	         <option value="1">公司1</option>
	         <option value="2">公司2</option>
	         <option value="3">公司3</option>
	      </select>
</div>

/*JavaScript实现*/
var testSelect = document.getElementById("testSelect");
	testSelect.onchange = function() { //当选择时触发
	      var valOt = this.options[this.selectedIndex].value; //获取option的value
	      alert(valOt);
	      var txt = this.options[this.selectedIndex].innerHTML; //获取option中的txt
	      alert(txt);
}