@model TrsOpenConfig
@{
    ViewBag.Title = "做市时间配置";
    ViewBag.Menu = "互换簿记预设-做市时间配置";
    Layout = "~/Views/Shared/_MainLayout.cshtml";
}
@section CSS{
    <link href="~/statics/libs/datetime/flatpickr/flatpickr.min.css" rel="stylesheet" />
    <style>
        .form-group{
            display:flex;
        }

        #configEdit {
            margin:10px 30px;
        }
        input {
            margin-left:5px !important;
        }
      
    </style>
}
@section JS{
    <script src="~/statics/libs/datetime/flatpickr/flatpickr.min.js"></script>
    <script>
        $(function(){
            flatpickr(".timepicker", {
                noCalendar: true,
                // 启用时间选择
                enableTime: true,
                // 启用秒级时间选择
                minuteIncrement: 1,
                // 24小时制
                enableSeconds: true,
                time_24hr: true,
                // 如果你希望用户能够输入秒，可以设置以下选项
                minuteDefault: "00",
                secondDefault: "00",
                dateFormat:'H:i:S'
            });
        })
        function save(){
            if ($("#amStartTime").val()=="") {
                main.alert("请选择上午开市时间");
                return;
            }
            if ($("#amEndTime").val() == "") {
                main.alert("请选择上午闭市时间");
                return;
            }
            if ($("#pmStartTime").val() == "") {
                main.alert("请选择下午开市时间");
                return;
            }
            if ($("#pmEndTime").val() == "") {
                main.alert("请选择下午闭市时间");
                return;
            }
            var data={
                amStartTime: $("#amStartTime").val(),
                amEndTime: $("#amEndTime").val(),
                pmStartTime: $("#pmStartTime").val(),
                pmEndTime: $("#pmEndTime").val(),
            }
            main.post("/TrsOpen/SaveConfig", data).done(function (resp) {
                if (!resp.success) {
                    main.alert(resp.msg);
                }else{
                    main.alert("保存成功");
                }
            })
        }
    </script>
}
<div id="configDiv">
    <div class="searchdiv">
        <div id="configEdit">
            <div class="form-group">
                <label for="amStartTime">上午开市时间:</label>
                <input type="text" class="form-control timepicker" id="amStartTime" value="@Model.amStartTime">
            </div>
            <div class="form-group">
                <label for="amEndTime">上午闭市时间:</label>
                <input type="text" class="form-control timepicker" id="amEndTime" value="@Model.amEndTime">
            </div>
            <div class="form-group">
                <label for="pmStartTime">下午开市时间:</label>
                <input type="text" class="form-control timepicker" id="pmStartTime" value="@Model.pmStartTime">
            </div>
            <div class="form-group">
                <label for="pmEndTime">下午闭市时间:</label>
                <input type="text" class="form-control timepicker" id="pmEndTime" value="@Model.pmEndTime">
            </div>
            <button  class="btn btn-primary" onclick="save()">保存</button>
        </div>
    </div>
</div>