function ButtonFrom_OnMouseUp(event) {
if (CalendarFrom.get_popUpShowing()) {
event.cancelBubble = true;
event.returnValue = false;
return false;
}
else {
return true;
}
}
function ButtonTo_OnMouseUp(event) {
if (CalendarTo.get_popUpShowing()) {
event.cancelBubble = true;
event.returnValue = false;
return false;
}
else {
return true;
}
}
Start Date:
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td onmouseup="ButtonFrom_OnMouseUp(event)">
<ComponentArt:Calendar id="PickerFrom"
runat="server"
PickerFormat="Custom"
PickerCustomFormat="MMMM d yyyy"
ControlType="Picker"
SelectedDate="2005-12-13"
PickerCssClass="picker" >
<ClientEvents>
<SelectionChanged EventHandler="PickerFrom_OnDateChange" />
</ClientEvents>
</ComponentArt:Calendar></td>
<td style="font-size:10px;"> </td>
<td><img id="calendar_from_button" alt="" onclick="ButtonFrom_OnClick(event)" onmouseup="ButtonFrom_OnMouseUp(event)" class="calendar_button" src="images/btn_calendar.gif" /></td>
</tr>
</table>
<ComponentArt:Calendar runat="server"
id="CalendarFrom"
AllowMultipleSelection="false"
AllowWeekSelection="false"
AllowMonthSelection="false"
ControlType="Calendar"
PopUp="Custom"
PopUpExpandControlId="calendar_from_button"
AutoTheming="true"
Width="170"
Height="100"
>
<ClientEvents>
<SelectionChanged EventHandler="CalendarFrom_OnChange" />
</ClientEvents>
</ComponentArt:Calendar>
JS：贴下面。
function ButtonFrom_OnMouseUp(event)
{
if (CalendarFrom.get_popUpShowing())
{
event.cancelBubble=true;
event.returnValue=false;
return false;
}
else
{
return true;
}
}
function ButtonFrom_OnClick(event)
{
if (CalendarFrom.get_popUpShowing())
{
CalendarFrom.hide();
}
else
{
CalendarFrom.setSelectedDate(PickerFrom.getSelectedDate());
CalendarFrom.show();
}
}
function CalendarFrom_OnChange(sender, eventArgs)
{
var fromDate = CalendarFrom.getSelectedDate();
var toDate = PickerTo.getSelectedDate();
PickerFrom.setSelectedDate(fromDate);
if (fromDate > toDate)
{
PickerTo.setSelectedDate(fromDate);
CalendarTo.setSelectedDate(fromDate);
}
}
function PickerFrom_OnDateChange(sender, eventArgs)
{
var fromDate = PickerFrom.getSelectedDate();
var toDate = PickerTo.getSelectedDate();
CalendarFrom.setSelectedDate(fromDate);
if (fromDate > toDate)
{
PickerTo.setSelectedDate(fromDate);
CalendarTo.setSelectedDate(fromDate);
}
}
Start Date:
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td onmouseup="Button_OnMouseUp(this,event)">
<ComponentArt:Calendar ID="PFrom1" runat="server" PickerFormat="Custom" PickerCustomFormat="yyyy MM d , hh mm ss"
ControlType="Picker" SelectedDate="2005-12-13" PickerCssClass="picker">
<ClientEvents>
<SelectionChanged EventHandler="Calendar_OnDateChange" />
</ClientEvents>
</ComponentArt:Calendar>
</td>
<td style="font-size: 10px;">
</td>
<td>
<img id="IFrom1" alt="" onclick="Button_OnClick(this,event)" onmouseup="Button_OnMouseUp(this,event)"
class="calendar_button" src="images/btn_calendar.gif" />
</td>
</tr>
</table>
<ComponentArt:Calendar runat="server" ID="CFrom1" AllowMultipleSelection="false"
AllowWeekSelection="false" AllowMonthSelection="false" ControlType="Calendar"
PopUp="Custom" PopUpExpandControlId="calendar_from_button" AutoTheming="true"
Width="170" Height="100" PickerFormat="Long">
<ClientEvents>
<SelectionChanged EventHandler="Calendar_OnChange" />
</ClientEvents>
</ComponentArt:Calendar>
JS：
function Calendar_OnDateChange(sender, eventArgs) {
var name = sender.id;
alert(name);//这里同样是得到undefined.不知道咋回事
name = name.substring(name.indexOf("P") + 1, name.length);
var Date = eval("P" + name).getSelectedDate();
eval("P" + name).setSelectedDate(Date);
}
function Calendar_OnChange(sender, eventArgs) {
var name = sender.id;
alert(name);//这里得到的是unidefined.
name = name.substring(name.indexOf("C") + 1, name.length);
var Date = eval("C" + name).getSelectedDate();
eval("P" + name).setSelectedDate(Date);
}
function Button_OnClick(sender, event) {
var name = sender.id;
name = name.substring(name.indexOf("I") + 1, name.length);
if (eval("C" + name).get_popUpShowing()) {
eval("C" + name).hide();
}
else {
eval("C" + name).setSelectedDate(eval("P" + name).getSelectedDate());
eval("C" + name).show();
}
}
function Button_OnMouseUp(sender, event) {
var name = sender.id;
name = name.substring(name.indexOf("I") + 1, name.length);
if (eval("C" + name).get_popUpShowing()) {
event.cancelBubble = true;
event.returnValue = false;
return false;
}
else {
return true;
}
}
function Button_OnMouseUp(event,func) {
if (func()) {
event.cancelBubble = true;
event.returnValue = false;
return false;
}
else {
return true;
}
}
