how to get datetime picker in kendo ui mobile?

7 posts, 1 answers
  1. Suma
    Suma avatar
    49 posts
    Member since:
    Apr 2012

    Posted 30 Jul 2013 Link to this post

    hi i want to select date  and time with validation from date to todate can any one post sample datetime picker code plz...
  2. Steve
    Admin
    Steve avatar
    10941 posts

    Posted 30 Jul 2013 Link to this post

    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.
  3. Answer
    Suma
    Suma avatar
    49 posts
    Member since:
    Apr 2012

    Posted 05 Aug 2013 Link to this post

    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.
  4. Steve
    Admin
    Steve avatar
    10941 posts

    Posted 06 Aug 2013 Link to this post

    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.
  5. Suma
    Suma avatar
    49 posts
    Member since:
    Apr 2012

    Posted 07 Aug 2013 Link to this post

    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..
  6. Steve
    Admin
    Steve avatar
    10941 posts

    Posted 07 Aug 2013 Link to this post

    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.
  7. Suma
    Suma avatar
    49 posts
    Member since:
    Apr 2012

    Posted 07 Aug 2013 Link to this post

    Hi Steve thank you very much.
Back to Top