This is a migrated thread and some comments may be shown as answers.

how to get datetime picker in kendo ui mobile?

6 Answers 228 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Suma
Top achievements
Rank 1
Suma asked on 30 Jul 2013, 11:52 AM
hi i want to select date  and time with validation from date to todate can any one post sample datetime picker code plz...

6 Answers, 1 is accepted

Sort by
0
Steve
Telerik team
answered on 30 Jul 2013, 11:59 AM
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.
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.
0
Steve
Telerik team
answered on 06 Aug 2013, 04:11 PM
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.
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..
0
Steve
Telerik team
answered on 07 Aug 2013, 07:21 AM
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.
0
Suma
Top achievements
Rank 1
answered on 07 Aug 2013, 11:39 AM
Hi Steve thank you very much.
Tags
General Discussions
Asked by
Suma
Top achievements
Rank 1
Answers by
Steve
Telerik team
Suma
Top achievements
Rank 1
Share this question
or