6 Answers, 1 is accepted
0
Hi Suma,
Kendo UI Web has a DateTimePicker widget (see demos) which you can use, just go ahead and grab the Web Kendo package and add it manually to your Icenium project. Validators are part of the Kendo framework so they are already available.
Regards,
Steve
Telerik
Do you enjoy Icenium? Vote for it as your favorite new product here (use short code H048S).
Looking for tips & tricks directly from the Icenium team? Check out our blog!
Share feedback and vote for features on our Feedback Portal.
Kendo UI Web has a DateTimePicker widget (see demos) which you can use, just go ahead and grab the Web Kendo package and add it manually to your Icenium project. Validators are part of the Kendo framework so they are already available.
Regards,
Steve
Telerik
Do you enjoy Icenium? Vote for it as your favorite new product here (use short code H048S).
Looking for tips & tricks directly from the Icenium team? Check out our blog!
Share feedback and vote for features on our Feedback Portal.
0
Accepted

Suma
Top achievements
Rank 1
answered on 05 Aug 2013, 05:46 AM
Hi,
Steve thank you for your reply
i am using
<link href="http://cdn.kendostatic.com/2013.1.514/styles/kendo.common.min.css" rel="stylesheet" />
<link href="http://cdn.kendostatic.com/2013.1.514/styles/kendo.default.min.css" rel="stylesheet" />
<link href="http://cdn.kendostatic.com/2013.1.514/styles/kendo.dataviz.min.css" rel="stylesheet" />
<link href="http://cdn.kendostatic.com/2013.1.514/styles/kendo.mobile.all.min.css" rel="stylesheet" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://cdn.kendostatic.com/2013.1.514/js/kendo.all.min.js"></script>
<div style="float:left; width:98%;">
<input id="txtEndDtWorkOrder" placeholder="mm-dd-yyyy" data-date-msg="Please enter a valid date." required data-required-msg="Please enter a date." name="txtEndDtWorkOrder" class="textbox-3" style="width:50%; float:left; text-align:left;" />
<input id="txtEndTimeWorkOrder" name="txtEndTimeWorkOrder" class="textbox-3" style="width:30%; float:left; text-align:left;" />
</div>
function DateTimepicker(e){
$("#txtEndDtWorkOrder").kendoDatePicker();
$("#txtEndTimeWorkOrder").kendoTimePicker();
}
i am calling this method i am getting date picker and timepicker also but when i am using this datepicker my back button not working(href="#mypage" and data-clik="myfunction") this is not working.
Steve thank you for your reply
i am using
<link href="http://cdn.kendostatic.com/2013.1.514/styles/kendo.common.min.css" rel="stylesheet" />
<link href="http://cdn.kendostatic.com/2013.1.514/styles/kendo.default.min.css" rel="stylesheet" />
<link href="http://cdn.kendostatic.com/2013.1.514/styles/kendo.dataviz.min.css" rel="stylesheet" />
<link href="http://cdn.kendostatic.com/2013.1.514/styles/kendo.mobile.all.min.css" rel="stylesheet" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://cdn.kendostatic.com/2013.1.514/js/kendo.all.min.js"></script>
<div style="float:left; width:98%;">
<input id="txtEndDtWorkOrder" placeholder="mm-dd-yyyy" data-date-msg="Please enter a valid date." required data-required-msg="Please enter a date." name="txtEndDtWorkOrder" class="textbox-3" style="width:50%; float:left; text-align:left;" />
<input id="txtEndTimeWorkOrder" name="txtEndTimeWorkOrder" class="textbox-3" style="width:30%; float:left; text-align:left;" />
</div>
function DateTimepicker(e){
$("#txtEndDtWorkOrder").kendoDatePicker();
$("#txtEndTimeWorkOrder").kendoTimePicker();
}
i am calling this method i am getting date picker and timepicker also but when i am using this datepicker my back button not working(href="#mypage" and data-clik="myfunction") this is not working.
0
Hi Suma,
We do not see a back button in the code you've posted. We would appreciate if you isolate this in a sample jsbin example, so we can look into it and advise you accordingly.
Regards,
Steve
Telerik
Do you enjoy Icenium? Vote for it as your favorite new product here (use short code H048S).
Looking for tips & tricks directly from the Icenium team? Check out our blog!
Share feedback and vote for features on our Feedback Portal.
We do not see a back button in the code you've posted. We would appreciate if you isolate this in a sample jsbin example, so we can look into it and advise you accordingly.
Regards,
Steve
Telerik
Do you enjoy Icenium? Vote for it as your favorite new product here (use short code H048S).
Looking for tips & tricks directly from the Icenium team? Check out our blog!
Share feedback and vote for features on our Feedback Portal.
0

Suma
Top achievements
Rank 1
answered on 07 Aug 2013, 07:06 AM
Hi Steve,
Thank you i added some css now its working. One more small doubt can we change the css of the calendar? suppose i want to change the calendar icon change or add holiday list highlighting or add some images in the calendar like birthdays etc..
Thank you i added some css now its working. One more small doubt can we change the css of the calendar? suppose i want to change the calendar icon change or add holiday list highlighting or add some images in the calendar like birthdays etc..
0
Hello Suma,
Yes it is possible, for more information check the links below:
Regards,
Steve
Telerik
Do you enjoy Icenium? Vote for it as your favorite new product here (use short code H048S).
Looking for tips & tricks directly from the Icenium team? Check out our blog!
Share feedback and vote for features on our Feedback Portal.
Yes it is possible, for more information check the links below:
Regards,
Steve
Telerik
Do you enjoy Icenium? Vote for it as your favorite new product here (use short code H048S).
Looking for tips & tricks directly from the Icenium team? Check out our blog!
Share feedback and vote for features on our Feedback Portal.
0

Suma
Top achievements
Rank 1
answered on 07 Aug 2013, 11:39 AM
Hi Steve thank you very much.