2018-12-04时间控件

时间选择框

<div class="t1">
    <div class="txt">开始时间：</div>
        <div class="input">
            <asp:TextBox ID="txtStartDate" runat="server" Width="240px" Height="40px" BorderColor="#A4BED4" 
ForeColor="#5d7186" Font-Size="12" onblur="strDateTime(this)" onclick="WdatePicker({el:'txtStartDate',dateFmt:'yyyy-MM-dd HH:mm'})">                            
            </asp:TextBox>
    </div> 
</div>                

js

//时间控件
        function strDateTime(strtxt) {
            var str = strtxt.value;
            if (str == "") return false;

            var r = new Array();
            var rn = str.match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2})$/);
            if (rn != null) {
                for (i = 0; i < 5; i++) {
                    r[i] = str.match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2})$/)[i];
                }
            }

            if (rn == null) {
                document.getElementById("" + strtxt.id + "").value = "";
                topTip.setData({
                    tipText: "格式错误！",
                    tipType: "warn"
                }).autoShowTopTip();
                return false;
            }

            var d = new Date(r[1], r[3] - 1, r[4]);

            if (!(d.getFullYear() == r[1] && (d.getMonth() + 1) == r[3] && d.getDate() == r[4])) {
                document.getElementById("" + strtxt.id + "").value = "";
                topTip.setData({
                    tipText: "格式错误！",
                    tipType: "warn"
                }).autoShowTopTip();
            }
        }
        //比较两个时间大小
        function CompareDateTime(StartDateTime, StopDateTime) {
            var start = Date.parse(StartDateTime.replace("-", "/"));
            var stop = Date.parse(StopDateTime.replace("-", "/"));
            if (stop < start) {
                return false;
            }
            return true;
        }

$(function() {
            topTip.create();
            Query();
            var dateY = getYFormatDate();
            $("#txtStartDate").val(dateY);

            var date = getNowFormatDate();
            $("#txtEndDate").val(date);
        });

        function getNowFormatDate() {
            var date = new Date().format("yyyy-MM-dd HH:mm");
            return date;
        }

        function getYFormatDate() {
            var date = new Date(new Date() - 24 * 60 * 60 * 1000).format("yyyy-MM-dd HH:mm"); //取前一天的时间
            return date;
        }