论坛

主页 » Alloy UI » English

组合视图 统一视图 树状图
讨论主题 [ 上一个 | 下一个 ]
toggle
how to get aui-calender selected date value? Srikanth Davuluri 2012年1月2日 下午9:02
RE: how to get aui-calender selected date value? Juhi Kumari 2012年1月2日 下午9:25
RE: how to get aui-calender selected date value? Srikanth Davuluri 2012年1月2日 下午9:40
RE: how to get aui-calender selected date value? Juhi Kumari 2012年1月2日 下午10:10
RE: how to get aui-calender selected date value? Srikanth Davuluri 2012年1月2日 下午10:24
RE: how to get aui-calender selected date value? Bavithra Rajendran 2012年1月2日 下午11:40
RE: how to get aui-calender selected date value? Srikanth Davuluri 2012年1月2日 下午11:13
RE: how to get aui-calender selected date value? Bavithra Rajendran 2012年1月3日 上午1:02
RE: how to get aui-calender selected date value? Srikanth Davuluri 2012年1月3日 上午3:09
RE: how to get aui-calender selected date value? RathnaDevi Chellaiah 2012年3月26日 下午10:30
RE: how to get aui-calender selected date value? ruchi sharma 2012年4月18日 上午7:52
RE: how to get aui-calender selected date value? Srikanth Davuluri 2012年4月18日 下午9:15
RE: how to get aui-calender selected date value? ruchi sharma 2012年4月23日 上午8:28
RE: how to get aui-calender selected date value? Sanket Gosavi 2012年5月9日 上午8:59
RE: how to get aui-calender selected date value? Mohammad Azharuddin 2014年6月8日 上午7:54
RE: how to get aui-calender selected date value? kumar E 2014年6月22日 下午11:25
RE: how to get aui-calender selected date value? Kyle Joseph Stiemann 2014年7月11日 下午12:36
RE: how to get aui-calender selected date value? Mohammad Azharuddin 2014年7月14日 下午11:23
RE: how to get aui-calender selected date value? Kyle Joseph Stiemann 2014年7月15日 上午6:52
RE: how to get aui-calender selected date value? Mohammad Azharuddin 2014年7月15日 下午9:16
RE: how to get aui-calender selected date value? Mazhar Alam 2012年11月7日 上午2:08
Srikanth Davuluri
how to get aui-calender selected date value?
2012年1月2日 下午9:02
答复

Srikanth Davuluri

等级: Junior Member

帖子: 25

加入日期: 2011年6月7日

最近的帖子

Hi All....

could you please provide code to get selected date in input text box using aui-calender

Thanks in Advance..

Regards
Srikanth Davuluri.
Juhi Kumari
RE: how to get aui-calender selected date value?
2012年1月2日 下午9:25
答复

Juhi Kumari

等级: Expert

帖子: 347

加入日期: 2011年12月12日

最近的帖子

Hi

Use this code to get selected date in input text box using aui-calender.
 1
 2<aui:script>
 3    var startCal;
 4    var endCal;
 5    AUI().ready('aui-calendar', function(A) {
 6        startCal = new A.Calendar({
 7            trigger : '#<portlet:namespace />startDate',
 8            dateFormat : '%d/%m/%Y',
 9            
10            selectMultipleDates : false,
11            on : {
12                select : function(event) {
13                    endCal.set('minDate', startCal.getCurrentDate());
14                    endCal.syncUI();
15                }
16            }
17        }).render();
18
19        A.on('mousedown', function() {
20            A.CalendarManager.hideAll();
21        }, document);
22
23    });
24</aui:script>


startDate is the id of that text box where you want the selected date.


Regards
Juhi
Srikanth Davuluri
RE: how to get aui-calender selected date value?
2012年1月2日 下午9:40
答复

Srikanth Davuluri

等级: Junior Member

帖子: 25

加入日期: 2011年6月7日

最近的帖子

Hi Juhi Kumari,

i tried with above code but it is displaying only text box could you please explain clearly with sample jsp page.
Juhi Kumari
RE: how to get aui-calender selected date value?
2012年1月2日 下午10:10
答复

Juhi Kumari

等级: Expert

帖子: 347

加入日期: 2011年12月12日

最近的帖子

Hi srikanth
Use this aui taglib in your jsp and make a text box with name 'startDate'. When you click in that text box that time this calendar should trigger.
1<%@ taglib uri="http://liferay.com/tld/aui" prefix="aui" %>

Remove these lines
var endCal;
endCal.set('minDate', startCal.getCurrentDate());
endCal.syncUI();
Please let me know if you have any problem.

Regards
Juhi
Srikanth Davuluri
RE: how to get aui-calender selected date value?
2012年1月2日 下午10:24
答复

Srikanth Davuluri

等级: Junior Member

帖子: 25

加入日期: 2011年6月7日

最近的帖子

Hi

still facing same problem calender picker is displaying in header and text filed displaying in body.

please provide complete jsp page so that i will implement.
Bavithra Rajendran
RE: how to get aui-calender selected date value?
2012年1月2日 下午11:40
答复

Bavithra Rajendran

LIFERAY STAFF

等级: Regular Member

帖子: 123

加入日期: 2009年10月7日

最近的帖子

Hi,

You can try this
 1<input type="text" size="50" id="myDatepicker" />
 2
 3<script type="text/javascript" charset="utf-8">
 4AUI().use('aui-datepicker', function(A) {
 5    var simpleDatepicker1 = new A.DatePicker({
 6        trigger: '#myDatepicker',
 7        dateFormat: '%d/%m/%y %A',
 8        setValue: true,
 9        minDate: '01/01/2000',
10        maxDate: '09/05/2020',
11        selectMultipleDates: false
12    })
13    .render();
14});
15</script>


Thanks,
Bavithra Rajendran
Srikanth Davuluri
RE: how to get aui-calender selected date value?
2012年1月2日 下午11:13
答复

Srikanth Davuluri

等级: Junior Member

帖子: 25

加入日期: 2011年6月7日

最近的帖子

Hi Bavithra Rajendran

thanks for your response it is working fine but i am unable to set minDate and maxDate in calender could you please provide solution.
Bavithra Rajendran
RE: how to get aui-calender selected date value?
2012年1月3日 上午1:02
答复

Bavithra Rajendran

LIFERAY STAFF

等级: Regular Member

帖子: 123

加入日期: 2009年10月7日

最近的帖子

Add the attributes inside calendar: {}. It will work. The code should be like this
 1
 2<input type="text" size="50" id="myDatepicker" />
 3
 4<script type="text/javascript" charset="utf-8">
 5AUI().use('aui-datepicker', function(A) {
 6    var simpleDatepicker1 = new A.DatePicker({
 7        trigger: '#myDatepicker',
 8        calendar: {
 9        dateFormat: '%d/%m/%y %A',
10        setValue: true,
11        minDate: '01/01/2011',
12        maxDate: '09/05/2012',
13        selectMultipleDates: false
14        }
15    })
16    .render();
17});
18</script>


Thanks,
Bavithra Rajendran
Srikanth Davuluri
RE: how to get aui-calender selected date value?
2012年1月3日 上午3:09
答复

Srikanth Davuluri

等级: Junior Member

帖子: 25

加入日期: 2011年6月7日

最近的帖子

Thanks for your response

it is working fine...
RathnaDevi Chellaiah
RE: how to get aui-calender selected date value?
2012年3月26日 下午10:30
答复

RathnaDevi Chellaiah

等级: Junior Member

帖子: 29

加入日期: 2012年3月26日

最近的帖子

Hi Bavithra Rajendran,
The code which u posted was very useful for me ..emoticon i was breaking my head for whole day to use calendar with a simple code.. thanks a lotemoticon
ruchi sharma
RE: how to get aui-calender selected date value?
2012年4月18日 上午7:52
答复

ruchi sharma

等级: Junior Member

帖子: 95

加入日期: 2011年3月24日

最近的帖子

Hello friends,
I also want to do the same stuff...
I have tried to use the same code given by Bavithra, but i am just getting the text field and when i click on it nothing happen.
Why i am not getting the calender??
Is their any wrong syntax??
Below is my jsp :
<%@ taglib uri="http://liferay.com/tld/aui" prefix="aui" %>
<div>
<input type="text" size="50" id="myDatepicker" />
</div>
<script type="text/javascript" charset="utf-8">
AUI().use('aui-datepicker', function(A) {
var simpleDatepicker1 = new A.DatePicker({
trigger: '#myDatepicker',
calendar: {
dateFormat: '%d/%m/%y %A',
setValue: true,
minDate: '01/01/2011',
maxDate: '09/05/2012',
selectMultipleDates: false
}
}).render();
});
</script>

Any help would be appreciated.
Thanks
Ruchi
Srikanth Davuluri
RE: how to get aui-calender selected date value?
2012年4月18日 下午9:15
答复

Srikanth Davuluri

等级: Junior Member

帖子: 25

加入日期: 2011年6月7日

最近的帖子

Hi Ruchi,

nothing wrong in your code i executed. it is working fine in my system whats happening in your machine i don't know. Try to execute it in sample / test portlet then you can find mistake.

Thanks
Srikanth Davuluri
ruchi sharma
RE: how to get aui-calender selected date value?
2012年4月23日 上午8:28
答复

ruchi sharma

等级: Junior Member

帖子: 95

加入日期: 2011年3月24日

最近的帖子

Thanks Srikanth,
Still surprised its not working .
I have had tried with test portlet individuality, sill is not working.
Then I used jquery for datepicker
Script Code :
<script type="text/javascript">
jQuery(document).ready(function() {
console.log("hello1");
jQuery("#startdatepicker").datepicker();

});
</script>


Code :
This following single line of code is to be added
<p>Start Date: <input type="text" id="startdatepicker"></p>

its working in my test portlet but not working where i want to do (i want to call this in my configuration.jsp(which is a popup) of my portlet).

Is anybody think of anything else.
thanks
Ruchi
Sanket Gosavi
RE: how to get aui-calender selected date value?
2012年5月9日 上午8:59
答复

Sanket Gosavi

等级: Junior Member

帖子: 35

加入日期: 2011年12月24日

最近的帖子

What if i want to show calendar on front for selecting date....i want user to click on calender directly and select date...not on textbox...Any help plz
Mazhar Alam
RE: how to get aui-calender selected date value?
2012年11月7日 上午2:08
答复

Mazhar Alam

等级: Regular Member

帖子: 201

加入日期: 2011年11月25日

最近的帖子

Helpful post Bavithra!!
Mohammad Azharuddin
RE: how to get aui-calender selected date value?
2014年6月8日 上午7:54
答复

Mohammad Azharuddin

等级: Expert

帖子: 471

加入日期: 2012年9月17日

最近的帖子

Hi ruchi
did you resolve this issue
It seems the above code will not work for LR6.2
kumar E
RE: how to get aui-calender selected date value?
2014年6月22日 下午11:25
答复

kumar E

等级: Junior Member

帖子: 64

加入日期: 2012年10月3日

最近的帖子

Hi Mohammad,

i am facing the same problem have you resolved the date picker in LR6.2.
Kyle Joseph Stiemann
RE: how to get aui-calender selected date value?
2014年7月11日 下午12:36
答复

Kyle Joseph Stiemann

LIFERAY STAFF

等级: Expert

帖子: 437

加入日期: 2013年1月14日

最近的帖子

Hi Guys,
In order to do this in Liferay Portal 6.2, you need to use the AlloyUI 2.0 Datepicker.

The code would look something like this:
 1<div>
 2    <input type="text" id="myDatepicker" />
 3</div>
 4<script type="text/javascript">
 5AUI().use('aui-datepicker', function(A) {
 6    new A.DatePicker({
 7    trigger: '#myDatepicker',
 8    popover: { zIndex: 99999 },
 9    mask: '%d/%m/%y %A',
10    calendar: {
11        minimumDate: new Date(2011,00,01),
12        maximumDate: new Date(2012,08,05),
13        selectionMode: 'multiple'
14    }
15    }).render();
16});
17</script>

- Kyle
Mohammad Azharuddin
RE: how to get aui-calender selected date value?
2014年7月14日 下午11:23
答复

Mohammad Azharuddin

等级: Expert

帖子: 471

加入日期: 2012年9月17日

最近的帖子

Thanks Kyle Joseph Stiemann

The above code will work fine But Do you have any solution for the same in portlet-model-hints.xml when we use <aui:model-context bean="" model="" />.

where as <hint name="year-range-past">false</hint> doesn't seems to work in UI level
Kyle Joseph Stiemann
RE: how to get aui-calender selected date value?
2014年7月15日 上午6:52
答复

Kyle Joseph Stiemann

LIFERAY STAFF

等级: Expert

帖子: 437

加入日期: 2013年1月14日

最近的帖子

Hi Mohammad,
I'm glad the code is working for you. You should post this question in a new thread since it is a new topic.

- Kyle
Mohammad Azharuddin
RE: how to get aui-calender selected date value?
2014年7月15日 下午9:16
答复

Mohammad Azharuddin

等级: Expert

帖子: 471

加入日期: 2012年9月17日

最近的帖子

Yeah you are right emoticon