»
S
I
D
E
B
A
R
«
JQuery DatePicker display only the month and year dropdown
Sep 28th, 2011 by Kien



You might encounter that your website wanna to display only the Month and Year selection from Datepicker plugin that provided by JQuery.

Here is the demo:

Here is the step that will teach you how to make use of embedded code of datePicker in the JQuery.

  1. Download the required source files. Unzip it and place it under folder called “files” that can access by your browser.
  2. Copy the follwoing code into your html
  3. <script type="text/javascript" src="/files/jquery-1.4.4.min.js"></script>
    <script type="text/javascript" src="/files/jquery-ui-1.8.10.custom.min.js"></script>
    <script type="text/javascript" src="/files/demo-monthyear.js"></script>
    <link type="text/css" href=”/files/jquery-ui-1.8.10.custom.css" rel="Stylesheet" />

  4. Add the follwowing code into your html too
  5. <style type="text/css">
    .ui-datepicker-calendar {
    display: none;
    }
    </style>

  6. Now you must add the text input into your html and make sure the input id=”_Search”

That’s it.

»  Substance: WordPress   »  Style: Ahren Ahimsa
© Copyright 2007, www.wengkien.com