How to use jQuery UI datepicker.format

Question

The following results in: Uncaught TypeError: Cannot read property 'formatDate' of undefined I have all three files in the same directory (jquery, jquery-ui and this html file):

<html>
<head>
<link rel="stylesheet" href="jquery-ui.min.css">
<script src="jquery-1.11.1.min.js"</script>
<script src="jquery-ui.min.js"</script>
<script>
$(document).ready(function(){
  var $t = $.datepicker.formatDate("M dd", new Date("2014-12-01"));
  console.log($t);
});
</script>
</head>
<body>
</body>
</html>

What am I doing wrong?

matthias_h · Accepted Answer · 2014-11-05 22:15:25Z

2

If this is your actual HTML, you should change

<script src="jquery-1.11.1.min.js"</script>
<script src="jquery-ui.min.js"</script>

into

<script src="jquery-1.11.1.min.js"></script>
<script src="jquery-ui.min.js"></script>

answered Nov 5, 2014 at 22:15

matthias_h

11.4k9 gold badges24 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Alex Filatov Over a year ago

what the difference between these notes?

matthias_h Over a year ago

@AlexFilatov the opening script tags are closed in the second version

Master Splinter · Accepted Answer · 2014-11-05 22:27:07Z

1

You aren't loading the jquery-ui properly. You need a closing bracket.

answered Nov 5, 2014 at 22:27

Master Splinter

1091 silver badge9 bronze badges

Comments

H. ELKINA · Accepted Answer · 2020-02-24 13:23:18Z

1

I sloved the same error by using the FULL datepicker js file

<script src="/js/jquery.datetimepicker.full.js"></script>

available in Git Datetimepicker/build/

answered Feb 24, 2020 at 13:23

H. ELKINA

2432 silver badges13 bronze badges

Comments

websky · Accepted Answer · 2014-12-13 17:07:03Z

HTML:

<input type="text" id="your_input" name="your_input" />

JS:

  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
  <script>
  $(function() {
    $( "#your_input" ).datepicker();
  });
  </script>

Optional Fast load datapicker:

      <script src="//code.jquery.com/jquery-1.10.2.js"></script>
      <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
      <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
      <script>
      $(function() {
        $('body').on('focus',"#your_input", function(){
              $(this).datepicker({ dateFormat: 'dd-mm-yy' });
        });
      });
      </script>

Collectives™ on Stack Overflow

How to use jQuery UI datepicker.format

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related