WdatePicker日期控件的用法

前台

<td height="25" width="*" align="left">
<asp:TextBox ID="txtACTIVITYTIME" runat="server" Width="100px" onfocus="dchangemin()"></asp:TextBox>至
<asp:TextBox ID="txtACTIVITYENDTIME" runat="server" Width="100px" onfocus="dchangemax()"></asp:TextBox>
<input id="hid_biao" type="text" value="D" />
<input type="text" id="txt_jiage" />
<script src="http://yeebee.com.cn/js2/jquery.main.js"></script>
<script>
function dchangemin() {

var strBiao = $("#hid_biao").val();
switch (strBiao) {
case "M":
WdatePicker({ dateFmt: ‘yyyy-MM-dd‘, readOnly: true, minDate: ‘%y-%M-{%d+1‘,maxDate:‘#F{$dp.$D(\‘<%=txtACTIVITYENDTIME.ClientID%>\‘)}‘ });
break ;
case "D":
WdatePicker({ dateFmt: ‘yyyy-MM-dd‘, readOnly: true, minDate: ‘%y-%M-{%d+1‘, maxDate: ‘#F{$dp.$D(\‘<%=txtACTIVITYENDTIME.ClientID%>\‘)}‘ });
break;
case "H":
WdatePicker({ dateFmt: ‘yyyy-MM-dd HH‘, readOnly: true, minDate: ‘%y-%M-{%d+1‘, maxDate: ‘#F{$dp.$D(\‘<%=txtACTIVITYENDTIME.ClientID%>\‘)}‘ });
break;
default:
WdatePicker({ dateFmt: ‘yyyy-MM-dd‘, readOnly: true, minDate: ‘%y-%M-{%d+1‘, maxDate: ‘#F{$dp.$D(\‘<%=txtACTIVITYENDTIME.ClientID%>\‘)}‘ });
break;
}

$.ajax({
type: "Post",
url: "Add.aspx/strDiff",
//方法传参的写法一定要对,str为形参的名字,str2为第二个形参的名字
data: "{‘starttime‘:‘"+$(‘#<%= txtACTIVITYTIME.ClientID%>‘).val()+"‘,‘endtime‘:‘"+$(‘#<%= txtACTIVITYENDTIME.ClientID%>‘).val()+"‘,‘strBiao‘:‘"+strBiao+"‘}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(data) {
//返回的数据用data.d获取内容
$("#txt_jiage").val(data.d);
},
error: function(err) {

}
})

}
function dchangemax() {
var strBiao = $("#hid_biao").val();
switch (strBiao) {
case "M":
WdatePicker({ dateFmt: ‘yyyy-MM-dd‘, readOnly: true, minDate: ‘%y-%M-{%d+1‘, minDate: ‘#F{$dp.$D(\‘<%=txtACTIVITYTIME.ClientID%>\‘)}‘ });
break;
case "D":
WdatePicker({ dateFmt: ‘yyyy-MM-dd‘, readOnly: true, minDate: ‘%y-%M-{%d+1‘, minDate: ‘#F{$dp.$D(\‘<%=txtACTIVITYTIME.ClientID%>\‘)}‘ });
break;
case "H":
WdatePicker({ dateFmt: ‘yyyy-MM-dd HH‘, readOnly: true, minDate: ‘%y-%M-{%d+1‘, minDate: ‘#F{$dp.$D(\‘<%=txtACTIVITYTIME.ClientID%>\‘)}‘ });
break;
default:
WdatePicker({ dateFmt: ‘yyyy-MM-dd‘, readOnly: true, minDate: ‘%y-%M-{%d+1‘, minDate: ‘#F{$dp.$D(\‘<%=txtACTIVITYTIME.ClientID%>\‘)}‘ });
break;
}

$.ajax({
type: "Post",
url: "Add.aspx/strDiff",
//方法传参的写法一定要对,str为形参的名字,str2为第二个形参的名字
data: "{‘starttime‘:‘" + $(‘#<%= txtACTIVITYTIME.ClientID%>‘).val() + "‘,‘endtime‘:‘" + $(‘#<%= txtACTIVITYENDTIME.ClientID%>‘).val() + "‘,‘strBiao‘:‘" + strBiao + "‘}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (data) {
//返回的数据用data.d获取内容
$("#txt_jiage").val(data.d);
},
error: function (err) {

}
})

}
</script>
</td>

后台

[WebMethod]
public static string strDiff(string starttime, string endtime, string strBiao)
{
string strCount = "0";
try
{
if (strBiao == "H")
{
starttime += ":00";
endtime += ":00";

}
DateTime start = Convert.ToDateTime(starttime);
DateTime end = Convert.ToDateTime(endtime);
TimeSpan ts = end - start;
switch (strBiao)
{
case "M":
strCount = Math.Floor((ts.TotalDays / 31 + (ts.TotalDays % 31 > 0 ? 1 : 0))).ToString(); ;
break;
case "D":
strCount = ts.TotalDays.ToString();
break;
case "H":
strCount = ts.TotalHours.ToString();
break;
default:
strCount = ts.TotalDays.ToString();
break;
}
}
catch (Exception)
{
strCount = "0";
}
return strCount;
}

时间: 2024-10-29 12:10:22

WdatePicker日期控件的用法的相关文章

Wdatepicker日期控件的使用指南

示例2-3-1 起始日期简单应用 示例2-3-2 alwaysUseStartDate属性应用 示例2-3-3 使用内置参数 示例 2-4-1: 年月日时分秒 示例 2-4-2 时分秒 示例 2-4-3 年月 示例 2-4-4 取得系统可识别的日期值(重要) 示例2-5 日期和时间的编辑演示 示例2-6-1 不合法的日期演示 示例2-6-2 超出日期限制范围的日期也被认为是一个不合法的日期 示例2-6-3 使用无效天和无效日期功能限制的日期也被认为是一个不合法的日期 示例2-7 跨无限级框架演示

Wdatepicker日期控件

注意事项 My97DatePicker目录是一个整体,不可破坏里面的目录结构,也不可对里面的文件改名,可以改目录名 My97DatePicker.htm是必须文件,不可删除 各目录及文件的用途:  WdatePicker.js 配置文件,在调用的地方仅需使用该文件  config.js 语言和皮肤配置文件  calendar.js 日期库主文件)  My97DatePicker.htm 临时页面文件,不可删除 目录lang 存放语言文件  目录skin 存放皮肤的相关文件 当WdatePicke

WdatePicker日期控件使用与值获取,以及选择日期完毕触发事件

HTML: <!--引入WdaePicker文件--> <script type="test/javascript" scr="datePicker/WdatePicker.js"></script> <link rel="stylesheet" type="text/css" href="datePicker/skin/WdatePicker.css"/>

WdatePicker日期控件的使用

将压缩包中的文件连带文件夹添加到项目中去,注意要完整的添加到项目中去,不要更改了其目录结构 然后在aspx页面中直接使用即可: 首先引入: <script src="/Controls/My97DatePicker/WdatePicker.js" type="text/javascript"></script> <input id="txtProjectHistoryDate" type="text&quo

My97日期控件用法

http://www.my97.net/dp/demo/index.htm 查看控件日期范围限定的说明: 通过配置minDate(最小日期),maxDate(最大日期)为静态日期值,来限定日期的范围 <input id="d411" class="Wdate" type="text" onfocus="WdatePicker({skin:'whyGreen',minDate:'2006-09-10',maxDate:'2008-1

WdatePicker日历控件用法

1. 跨无限级框架显示 不管你把日期控件放在哪里,你都不须要操心会被外层的iframe所遮挡进而影响客户体验,由于My97日期控件是能够跨无限级框架显示的 演示样例2-7 跨无限级框架演示 可无限跨越框架iframe,不管怎么嵌套框架都不必操心了,即使有滚动栏也不怕 2. 民国年日历和其它特殊日历 当年份格式设置为yyy格式时,利用年份差量属性yearOffset(默认值1911民国元年),可实现民国年日历和其它特殊日历 演示样例2-8 民国年演示 <input type="text&qu

jquery datepicker日期控件用法

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1.Default" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"><head runat=

jsp日期插件My97DatePicker 强大的日期控件 使用方便简单

本文属转载(希望对编程爱好者有所帮助)详情请访问官方网站 http://www.my97.net/dp/index.asp 一. 简介 1. 简介 目前的版本是:4.7 2. 注意事项 My97DatePicker目录是一个整体,不可破坏里面的目录结构,也不可对里面的文件改名,可以改目录名 My97DatePicker.htm是必须文件,不可删除 各目录及文件的用途:WdatePicker.js 配置文件,在调用的地方仅需使用该文件,可多个共存,以xx_WdatePicker.js方式命名con

WdatePicker 日历控件使用方法+基本常用方法

WdatePicker 日历控件使用方法+基本常用方法,记录一下. 很好的文章. 网上转来的. 1. 跨无限级框架显示 无论你把日期控件放在哪里,你都不需要担心会被外层的iframe所遮挡进而影响客户体验,因为My97日期控件是可以跨无限级框架显示的 示例2-7 跨无限级框架演示 可无限跨越框架iframe,无论怎么嵌套框架都不必担心了,即使有滚动条也不怕 2. 民国年日历和其他特殊日历 当年份格式设置为yyy格式时,利用年份差量属性yearOffset(默认值1911民国元年),可实现民国年日