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

  • Doug Bernards

    Doug Bernard

    7 Kasım 2007
  • Hak5DarrensVlog

    Hak5DarrensV

    11 EYLÜL 2009
  • How To Cook That

    How To Cook

    16 NİSAN 2011