关于两个时间控件开始时间到结束时间的问题(含中文设置)

<span style="font-size:14px;"><%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
    <%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
    <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Insert title here</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>自动化管理系统</title>

<link href="css/style.css" rel="stylesheet" type="text/css" />
<span style="color:#FF0000;"><link href="css/jquery-ui.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<%=path%>/js/jquery-1.8.2.js"></script>
<script type="text/javascript" src="<%=path%>/js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="<%=path%>/js/jquery-ui.js"></script></span>
<script type="text/javascript">

<span style="color:#FF0000;">
$((function($){
    $.datepicker.regional['zh-CN'] = {
        clearText: '清除',
        clearStatus: '清除已选日期',
        closeText: '关闭',
        closeStatus: '不改变当前选择',
        prevText: '<上月',
        prevStatus: '显示上月',
        prevBigText: '<<',
        prevBigStatus: '显示上一年',
        nextText: '下月>',
        nextStatus: '显示下月',
        nextBigText: '>>',
        nextBigStatus: '显示下一年',
        currentText: '今天',
        currentStatus: '显示本月',
        monthNames: ['01','02','03','04','05','06', '07','08','09','10','11','12'],
        monthNamesShort: ['一','二','三','四','五','六', '七','八','九','十','十一','十二'],
        monthStatus: '选择月份',
        yearStatus: '选择年份',
        weekHeader: '周',
        weekStatus: '年内周次',
        dayNames: ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'],
        dayNamesShort: ['周日','周一','周二','周三','周四','周五','周六'],
        dayNamesMin: ['日','一','二','三','四','五','六'],
        dayStatus: '设置 DD 为一周起始',
        dateStatus: '选择 m月 d日, DD',
        dateFormat: 'yy-mm-dd',
        firstDay: 1,
        initStatus: '请选择日期',
        isRTL: false};
    $.datepicker.setDefaults($.datepicker.regional['zh-CN']);
})(jQuery));

$('.datePicker').datepicker();

	

	$(function() {
		$.datepicker.setDefaults($.datepicker.regional['zh-CN']);
		$( "#from" ).datepicker({
			defaultDate: "+1w",
			changeMonth: true,
			numberOfMonths: 1,
			dateFormat:'yy-MM-dd',
			onClose: function( selectedDate ) {
			$( "#to" ).datepicker( "option", "minDate", selectedDate );
			}
		});
		$( "#to" ).datepicker({
			defaultDate: "+1w",
			changeMonth: true,
			numberOfMonths: 1,
			dateFormat:'yy-MM-dd',
			onClose: function( selectedDate ) {
		$( "#from" ).datepicker( "option", "maxDate", selectedDate );
		}
	});
});
	//计算天数
	function calculate(){

		var from = document.getElementById("from").value;
		var to = document.getElementById("to").value;
		alert(from);
		if(from==""||to==""){
			alert("请将开始时间或者结束时间按规范填写好")
			}else{
				var days = (to - from)/(24 * 60 * 60 * 1000);
				alert(days);
				}

		}
	</span>
</script>
</head>

<body> 		
				<div class="action">
					<div class="t">休假申请</div> 
				<form action="attendance_a_add.action" method="post" οnsubmit="">
					<div class="pages">
						<table width="90%" border="0" cellspacing="0" cellpadding="0" id="tab_">
							<tr>
								<td align="right" width="30%">姓名:</td>
								<td align="left"><input type="text" name="ad_ApplicanterName" value="${loginUser.user_RealName }" οnblur="checkUser_Id()" readonly="readonly" id="user_Id" />
								</td>
								
							</tr>
							<span style="color:#FF0000;"><tr>
								<td align="right" width="30%"><label for="from">开始时间</label></td>
								<td align="left"> 
									<input type="text" id="from" name="ad_StartTime">
								</td>
								
							</tr>
							<tr>
								<td align="right" width="30%"><label for="to">结束时间</label></td>
									<td align="left"><input type="text" id="to" name="ad_Endtime">
								</td>
								
							</tr></span>
							<tr>
								<td align="right" width="30%">请假天数:</td>
								<td align="left"><input type="text" name="attendance.ad_Days" value=""  id="ad_Days" />
								</td>
								
							</tr>
							<tr>
								<td align="right" width="30%">请假原因:</td>
								<td align="left"><s:textarea name="attendance.ad_Reason"></s:textarea>
									<font color="red" style="font-size: 12px" id="showUser_Pwd2"></font>
								</td>
							</tr>
							<tr>
								<td align="right" width="30%">审批人:</td>
								<td align="left"><input type="text" name="ad_ApprovalerName" value="admin"  readonly="readonly" id="" />
								</td>
								
							</tr>
						</table>
					</div>
					<div align="center" style="background-color: white;" id="delOrAdd">
						<input type="submit" name="button2" id="buttonUpdate" value="提交申请" class="input-button"/>
						<a href="a_list.jsp"><input type="button" id="return_hidden" name="return_hidden"  value="返回" /></a>
    				</div>
    			</form>
				</div>

</body>
</html></span>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Js双日历控件,在一个网页上同时显示两个日期选择器,写成了封装类,方便使用者调用。同时美化的相当不错。   包括了以下函数:   1、2012——2020年节假日信息(包括节假日前1~3天/后1~3天)   2、格式化数字,不足两位前面补0   3、将日期对象/日期字会串格式化为指定日期字符串   4、将日期字符串格式化为数字   5、获取目标元素针对于文档的位置   6、元素选择器   7、查找元素位置   8、判断目标元素是否包指定的className      关于一些日历调用的参数说明:Calendar({    id: "#J_date_1", //触发显示日历元素ID    isPopup: !0, //弹出式日历    isPrevBtn: !0, //显示上月按钮    isNextBtn: !0, //显示下月按钮    isCloseBtn: !0, //显示关闭按钮    isHoliday: !0, //节假日特殊显示    isHolidayTips: !0, //显示节假日1~3天/后1~3天信息    isDateInfo: !0, //显示日期信息    isMessage: !0, //有日历提示信息    isCalStart: !0, //标记为开始时间    dateInfoClass: "date-info-start", //开始时间icon样式    range: {mindate: "2011-09-01", maxdate: "2020-12-31"},//限制范围(当天——2020-12-31)    count: 2, //日历个数    monthStep: 1, //切换上下月日历步长    onSelectDate: fnSelectDate, //选择日期回调方法    onClose: fnClose //关闭日历回调方法

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值