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

  • mobilenet.cz

    mobilenet.cz

    26 NİSAN 2008
  • Shameless Maya

    Shameless Ma

    24 Mayıs 2012
  • Tech4Geeks

    Tech4Geeks

    8 Ocak 2012