Dojo DatePicker sample code

Dojo DatePicker sample code

Dojo js download link:


 Monday, March 04, 2013 12:40 PM
<title>Dojo Date Picker</title>
       <style type="text/css">
      @import "dojoroot/dijit/themes/tundra/tundra.css";
      @import "dojoroot/dojo/resources/dojo.css"
       <script type="text/javascript" src="scripts/dojo/dojo.js"
       data-dojo-config="parseOnLoad: true"></script>
    <script type="text/javascript">
        // remove the below addOnLoad function if you want the text field editable.
        dojo.addOnLoad(function () {
              dojo.query(".dijitDateTextBox input[role='textbox']").forEach(function (node, index, arr) {
              node.setAttribute('readonly', 'readonly');
       <script type="text/javascript">

<body class="tundra">
<h2>Non-Editable Dojo DatePicker</h2> <br><br><br>
<input type="text" name="date"  dojoType="dijit.form.DateTextBox" required="true"/></center>



non editable Dojo date picker


Downloaded dojo package should be put as like below,




Thanks for reading this post…………….!!!

770 total views, 1 views today

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.