Printable View
Is there a way to either replace the "today" link with a different date and title, such as "Inception" and a custom date (date other than current day)? In addition can I add a custom link button, so you'd have "today" and "Inception" linking to two different dates.
Thanks,
Robb
Hi,
Please clarify do you mean the "month + year + arrow down" at the top of DatePicker?
They link/button at the bottom of the control with label "Today". See attached image.
You can set the .TodayText property of the DatePicker.Quote:
Originally Posted by rmelancon
I understand the .TodayText will change the text but it will still fill in today's date when clicked. What I need is (for example) to change the text to "Tomorrow" and when clicked it will fill in tomorrows date.
I can suggest the following solution.
Example
Code:<%@ Page Language="C#" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!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>Ext.Net Example</title>
</head>
<body>
<form runat="server">
<ext:ResourceManager runat="server" />
<ext:DateField runat="server" TodayText="Tomorrow">
<Listeners>
<BeforeRender Handler="this.onTriggerClick = this.onTriggerClick.createSequence(function () {
if (!this.wasTriggerClick) {
var btn = this.menu.picker.todayBtn;
btn.handler = function () {
this.setValue(new Date().add(Date.DAY, 1).clearTime());
this.fireEvent('select', this, this.value);
}
this.wasTriggerClick = true;
}
});" />
</Listeners>
</ext:DateField>
</form>
</body>
</html>
Thanks, that seems to work. The only problem I'm having is that after clicking the newly labled, etc. "Today" button, it becomes disabled. It doesn't do that in your simple example so it's something else in my implementation and surrounding code. Is that button somehow tied to min max values? What could be disabling that button after being clicked?
I think it happens in the update method of DatePicker.
http://docs.sencha.com/ext-js/3-4/so...Ext-DatePicker
There is the following piece of code:
Generally, I would suggest you to implement your custom control inheriting from DateField which would use your custom JavaScript DateField class. That custom JavaScript class should use your custom JavaScript DatePicker class where you should implement the "tomorrow" logic that you need.Code:if(this.showToday){
var td = new Date().clearTime(),
disable = (td < min || td > max ||
(ddMatch && format && ddMatch.test(td.dateFormat(format))) ||
(ddays && ddays.indexOf(td.getDay()) != -1));
if(!this.disabled){
this.todayBtn.setDisabled(disable);
this.todayKeyListener[disable ? 'disable' : 'enable']();
}
}