Files
zszq-trs/YLErpWeb/Views/Demo/DatePicker.cshtml
T
2024-05-09 14:06:26 +08:00

52 lines
1.9 KiB
Plaintext

@{
Layout = "~/Views/Shared/_InfoLayout.cshtml";
var pageObj = new
{
valueDate = YLErp.BLL.valuedateBLL.ValueDate.ToString("yyyy-MM-dd"),
minValueDate = YLErp.BLL.valuedateBLL.ValueDate.AddYears(-3).ToString("yyyy-MM-dd")
};
}
<div class="yc-panel">
<h3>日期输入</h3>
<hr />
<div>
<span class="mr-1">&emsp;开始日期:</span>
<input type="text" class="datepicker" id="startDate" value="@(pageObj.valueDate)" name="StartDate" placeholder="请输入开始日期" autocomplete="off">
<span class="ml-3 mr-1">结束日期:</span>
<input type="text" class="datepicker" id="endDate" value="@(pageObj.valueDate)" name="EndDate" placeholder="请输入结束日期" autocomplete="off">
</div>
</div>
@section JS{
<script>
const pageData = @Json.Serialize(pageObj);
$(function () {
main.setTradeDatePicker(pageData.valueDate);
//$(".datepicker").datepicker({ changeMonth: true, changeYear: true, showButtonPanel: true, showOtherMonths: true, selectOtherMonths: true });
$("#startDate,#endDate").datepicker("option", "maxDate", pageData.valueDate)
.datepicker("option", "minDate", pageData.minValueDate);
$("#startDate").on("change", function () {
var startDate = $(this).val();
if (!main.isDate(startDate)) return;
if ($("#endDate").val() && $("#endDate").val() < startDate) {
$("#endDate").val(startDate);
}
});
$("#endDate").on("change", function () {
var endDate = $(this).val();
if (!main.isDate(endDate)) return;
if ($("#startDate").val() && $("#startDate").val() > endDate) {
$("#startDate").val(endDate);
}
});
});
</script>
}