SORU
5 ŞUBAT 2010, Cuma


jQuery UI ay yıl sadece göstermek için DatePicker

JQuery tarih seçici uygulamam her yerinde takvimi görüntülemek için kullanıyorum. Eğer ay ve yıl (Mayıs 2010) ve takvim görüntülemek için kullanabilirsiniz eğer bilmek istiyorum?

CEVAP
5 ŞUBAT 2010, Cuma


İşte bir hack (tüm .updated html dosyası):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
    <link rel="stylesheet" type="text/css" media="screen" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/base/jquery-ui.css">
<script type="text/javascript">
$(function() {
    $('.date-picker').datepicker( {
        changeMonth: true,
        changeYear: true,
        showButtonPanel: true,
        dateFormat: 'MM yy',
        onClose: function(dateText, inst) { 
            var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
            var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
            $(this).datepicker('setDate', new Date(year, month, 1));
        }
    });
});
</script>
<style>
.ui-datepicker-calendar {
    display: none;
    }
</style>
</head>
<body>
    <label for="startDate">Date :</label>
    <input name="startDate" id="startDate" class="date-picker" />
</body>
</html>

EDİT örneğin yukarıdaki jsfiddle: http://jsfiddle.net/bopperben/DBpJe/

2 DÜZENLEYİN Ekler ay yıl düğmeye tıklayarak sadece giriş kutusu için değer. De yer alan yukarıda mümkün değil giriş kutusu değerleri silmenizi sağlar http://jsfiddle.net/DBpJe/5103/

3 DÜZENLEMEK güncelleme daha İyi bir Çözüm rexwolf çözüm aşağı göre.
http://jsfiddle.net/DBpJe/5106

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • L33TNoonProductions

    L33TNoonProd

    24 EYLÜL 2010
  • National Geographic

    National Geo

    7 Mayıs 2006
  • sknbp

    sknbp

    16 Kasım 2006