当我在输入类型日期中选择特定日期时,我想更改文本框的金额。当用户单击11月2日的日期时,金额文本框应为100rs,而单击周日的金额为500rs,其他金额为是300。我该怎么办 这是代码
<script type="text/javascript">
$(function() {
$("#txtDate").change(function() {
var selDate = new Date(this.value);
if (selDate.getDay() == 0) { //If sunday, can change your logic here
$(".form-control").val(500);
} else {
$(".form-control").val(300);
}
})
});
</script>
<input type="date" name="mass_date" id="txtDate" required="required" class="col-md-12" min="<?php echo date('Y-m-d', strtotime("+2 days")); ?>" max="<?php echo date("Y-m-d", strtotime("2020-09-30"));?>" value="<?php if(isset($_GET['mass_date'])) { echo $_GET['mass_date']; } ?>" />
<input type="text" class="form-control" id="slDay" name="amount" />
答案 0 :(得分:0)
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
$("#txtDate").change(function() {
const selDate = new Date(this.value);
const dayOfMonth = selDate.getDate();
const month = selDate.getMonth() + 1;
const dayOfWeek = selDate.getDay();
if (month === 11 && dayOfMonth === 2) {
$(".form-control").val(100);
}
else if (dayOfWeek === 0) {
$(".form-control").val(500);
}
else {
$(".form-control").val(300);
}
})
});
</script>
<input type="date" name="mass_date" id="txtDate" required="required" class="col-md-12" min="<?php echo date('Y-m-d', strtotime("+2 days")); ?>" max="<?php echo date("Y-m-d", strtotime("2020-09-30"));?>" value="<?php if(isset($_GET['mass_date'])) { echo $_GET['mass_date']; } ?>" />
<input type="text" class="form-control" id="slDay" name="amount" />