jquery - jQuery UI Datepicker 您选择的日期是星期六或星期日
问题描述
我正在使用 datepicker,如果有人选择周六或周日显示警报消息 您选择的日期是周六或周日,您要继续吗?
如果用户单击确定,则处理,否则关闭窗口
<input type="text" name="inspectiondate <? echo $sno; ?>" id="inspectiondate<? echo $sno; ?>" placeholder="Date" class="required-entry date" style="width:100px !important;" readonly="readonly" autofocus require>
<img src="<?php echo Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_SKIN). 'adminhtml/default/default/images/grid-cal.gif'; ?>" alt="" class="v-middle date" id="Idate<? echo $sno; ?>" title="Select Date" onclick="setcal(<? echo $sno; ?>)">
解决方案
您需要处理日期选择器的事件,您将在其中获得选定日期的星期几。
<!doctype html>
<html lang = "en">
<head>
<meta charset = "utf-8">
<title>jQuery UI Datepicker functionality</title>
<link href = "https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css"
rel = "stylesheet">
<script src = "https://code.jquery.com/jquery-1.10.2.js"></script>
<script src = "https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<!-- Javascript -->
<script>
$(function() {
$( "#datepicker-13" ).datepicker();
$("#datepicker-13")
.datepicker({
onSelect: function(dateText) {
console.log("Selected date: " + dateText + "; input's current value: " + this.value);
$(this).change();
}
})
.on("change", function() {
var date = $(this).datepicker('getDate');
var dayOfWeek = date.getUTCDay();
if(dayOfWeek == 5 || dayOfWeek == 6)
{
//your alert code
alert(dayOfWeek)
}
});
});
</script>
</head>
<body>
<!-- HTML -->
<p>Enter Date: <input type = "text" id = "datepicker-13"></p>
</body>
</html>
您可以在下面的链接中查看工作演示。
推荐阅读
- java - Java 编译错误——仅适用于 Ubuntu+openjdk
- python - 如何用 Conda 替换基于 Homebrew 的 Python 配置
- gdb - GDB 无法在 vgdb 中记录执行
- xpath - 我可以压缩一个检查属性条件值的 XPath 表达式吗?
- php - Ajax 加载内容后脚本不起作用
- java - 如何从 Java 中的循环写入同一行
- python - 在Python中使用时间库做一个例程
- php - 将数据库 php 中的 base64 图像回显到 infowindow 谷歌地图输出
- angular - 带有自定义选择器标签 ionic 4 的 app.module.ts 错误
- r - 如何在 R 中对逻辑回归进行交叉验证?