http://www.cnblogs.com/lf6112/archive/2011/05/19/2051126.html
<%@ Page Language="C#" AutoEventWireup="true"
CodeBehind="FlightManager.aspx.cs"
Inherits="ETS2.WebApp.UI.FlightManager" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml">
<head
runat="server">
<title></title>
<script
src="/Scripts/jquery-1.7.2.min.js"
type="text/javascript"></script>
<link rel="stylesheet"
type="text/css" href="/Styles/base2.css" />
<link
rel="stylesheet" type="text/css" href="/Styles/common.css" />
<script src="/Scripts/common.js"
type="text/javascript"></script>
<link
href="/Scripts/Impromptu.css" rel="stylesheet" type="text/css" />
<script src="/Scripts/jquery-impromptu.4.0.min.js"
type="text/javascript"></script>
<link
href="/Scripts/poshytip-1.1/tip-yellowsimple/tip-yellowsimple.css"
rel="stylesheet"
type="text/css" />
<script
src="/Scripts/poshytip-1.1/jquery.poshytip.js"
type="text/javascript"></script>
<link
href="/Scripts/JUI/jquery-ui-1.10.2.custom.css" rel="stylesheet"
type="text/css" />
<script
src="/Scripts/JUI/jquery-ui-1.10.2.custom.min.js"
type="text/javascript"></script>
<script
src="/Scripts/JUI/datepicker-regional.js"
type="text/javascript"></script>
<script
type="text/javascript">
var currentDate = "";
$(function () {
$(‘#datepicker‘).datepicker({
minDate: +1,
onSelect: function (dateText) {
$(".tip-yellowsimple").remove();
//
if ($(".editbase-hook").is(":visible") == false) {
var result = false;
//
$(‘#divLine .tip-hook‘).inputTip("none");
// var b =
$(".returnTypeRadio").find("input[type=‘radio‘]:checked");
// if (b.trimVal() == "") {
//
$("#tblReturnType").parent().focus().updateTip(‘请选择往返类型‘).showTip(‘blur‘);
// return false;
// }
var data = [];
var
dateTimearr = $("#hidLeavingDate").val().split(‘,‘);
if (dateTimearr != null && dateTimearr.length > 0) {
data = $.merge(dateTimearr, data);
}
var hasBeenleavingDate =
$("#hasBeenleavingDate").val().split(‘,‘);
if (hasBeenleavingDate != null &&
hasBeenleavingDate.length > 0) {
data =
$.merge(hasBeenleavingDate, data);
}
$(data).each(function (i, n) {
if (n == dateText) {
result =
true;
}
});
if (!result) {
var flag
= true;
if (currentDate != "") {
flag = checkLine(b.trimVal(), false);
if (flag) {
setLineData(currentDate, b.trimVal());
//setDefaultLineData(b.trimVal());
}
}
//if (flag) {
currentDate = dateText;
if ($(‘#hidLeavingDate‘).val() == ‘‘) {
$(‘#hidLeavingDate‘).val(dateText);
} else {
$(‘#hidLeavingDate‘).val($(‘#hidLeavingDate‘).val() + ‘,‘ + dateText);
}
var dateSort =
$("#hidLeavingDate").val().split(‘,‘).sort(function (a, b) {
return new Date(a) - new Date(b);
});
if (dateSort != null &&
dateSort.length > 0) {
$(‘#dateselect‘).empty();
for (var i = 0; i
< dateSort.length; i++) {
$(‘#dateselect‘).append(‘<span class="category-visited1"><a
href="javascript:void(0)" class="catico" onclick="selectDate(this)">‘ +
dateSort[i] + ‘</a><span class="catico1"
onclick="removeDate(this)" style=""> </span></span>‘);
}
}
//<a class="catico lf">2012-08-17</a><span class="catico1 rf"></span><div class="cls"></div>
setClass(currentDate);
//}
}
//
}
},
beforeShowDay: function (date)
{
var dt = formatDate(date);
var data = [];
var dateTimearr =
$("#hidLeavingDate").val().split(‘,‘);
if
(dateTimearr != null && dateTimearr.length > 0) {
data = $.merge(dateTimearr, data);
//currentDate = dateTimearr[0];
}
var hasBeenleavingDate =
$("#hasBeenleavingDate").val().split(‘,‘);
if (hasBeenleavingDate != null &&
hasBeenleavingDate.length > 0) {
data =
$.merge(hasBeenleavingDate, data);
}
var result = false;
$(data).each(function (i, n) {
if (n == dt)
{
result = true;
}
});
if (result) {
return
[true, formatDate(date) + " pickerselected pickerspanTime", ‘‘];
} else {
return [true,
formatDate(date) + " pickerspanTime", ‘‘];
}
}
});
$("#tblReturnType").find("input").each(function (i) {
$(this).click(function (n) {
$(".yunc").hide();
$(".w764
.yunc").eq(i).show();
loadLineData(currentDate,
$(this).val());
});
});
var array =
$("#hidLeavingDate").val().split(‘,‘).sort(function (a, b) {
return new Date(a) - new Date(b);
});
for (var i = 0; i < array.length; i++) {
if
($.trim(array[i]) != "") {
$(‘#dateselect‘).append(‘<span class="category-visited1"><a
href="javascript:void(0)" class="catico" onclick="selectDate(this)">‘ +
array[i] + ‘</a><span class="catico1"
onclick="removeDate(this)"> </span></span>‘);
}
}
});
function initDate() {
var dateTimearr =
$("#hidLeavingDate").val().split(‘,‘);
if (dateTimearr !=
null && dateTimearr.length > 0) {
currentDate = dateTimearr[0];
setClass(currentDate);
}
}
function setClass(date) {
$("#dateselect
.category-visited1").find("a").each(function () {
if ($(this).html() == date) {
$(this).attr("style", "background:#64b7f1; color:white;");
} else
$(this).attr("style", "");
});
}
function removeDate(obj) {
if
($(".editbase-hook").is(":visible") == false) {
if
(confirm("确定删除此日期吗？")) {
$(obj).parent().remove();
var className =
$(obj).parent().find("a").html();
var dateArray =
$("#hidLeavingDate").val().split(‘,‘);
dateArray.splice($.inArray(className, dateArray), 1);
$("#hidLeavingDate").val(dateArray.join(","));
$(‘.‘ + className).removeClass("pickerselected");
removeLineData(className);
initDate();
var type =
$(".returnTypeRadio").find("input[type=‘radio‘]:checked").val();
loadLineData(currentDate, type);
}
}
}
function selectDate(obj) {
$(‘#divLine
.tip-hook‘).inputTip("none");
var type = $(".returnTypeRadio").find("input[type=‘radio‘]:checked").val();
if (checkLine(type, true)) {
setLineData(currentDate, type);
loadLineData($(obj).html(), type);
currentDate = $(obj).html();
setClass(currentDate);
}
}
function formatDate(datetime) {
var dateObj = new Date(datetime);
var month
= dateObj.getMonth() + 1;
if (month < 10) {
month = "0" + month;
}
var day =
dateObj.getDate();
if (day < 10) {
day = "0" + day;
}
return
dateObj.getFullYear() + "-" + month + "-" + day;
}
// function selectCity(obj) {
//
$.SelectCity({ keyWord: "" }, function (d) {
//
$(obj).prev(".spanCity").html(d.Airportcity + "(" + d.AirportCode +
")");
//
$(obj).parent().find(":hidden").val(d.AirportName);
// changeView("#divSingleFlights .tongp",
"asc");
// changeView("#divDoubleFlights
.homeCity", "asc");
//
changeView("#divDoubleFlights .destCity", "desc");
//
});
// }< /script>
<style
type="text/css">
#mianDate
{
clear: both;
}
#datepicker
{
float: left;
width: 240px;
}
#dateselect
{
float: right;
width: 505px;
padding-top: 10px;
}
.ui-datepicker
{
width: 255px;
padding: .2em .2em 0;
display: none;
}
.pickerspanTime a.ui-state-default
{
background: #E4F1FB;
color: #0074A3;
}
.pickerselected a.ui-state-default
{
background: #3BAAE3;
border: 1px solid #74B2E2;
}
.radio
{
float: left;
min-height: 25px;
}
.spanRadio
{
padding-top: 3px;
}
.youb
{
background: #f1f2f4;
width: 485px;
padding: 10px 0 15px 10px;
float: right;
}
.youb span
{
width: auto;
}
</style>
</head>
<body>
<form
id="form1" runat="server">
<div id="divLine">
<p class="sr">
直接点击日历上的日期，即可选择机票执行日期：</p>
<div class="mission">
<div id="datepicker"
class="tip-hook lf">
</div>
<div
id="dateselect">
</div>
<input
id="hasBeenleavingDate" type="hidden" value="2014-03-24" runat="server"
/>
<input type="hidden" id="hidLeavingDate"
name="LeavingDate" value="2014-03-16,2014-03-18"
runat="server" />
</div>
</div>
</form>
</body>
</html>
原文：http://www.cnblogs.com/mili3/p/3581478.html