HTML5输入类型日历、颜色和范围

在开发我的网站时，我遇到了一些关于Firefox和InternetExplorer等浏览器之间兼容性的问题

此外，我的文档标题上有以下代码：

   <!-- HTML5 Shim -->
        <!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->     
        <!-- Modernizr -->
        <script src="modernizr.js"></script>
        <!-- Webforms2 -->

        <!-- jQuery  -->
        <script src="js/jquery-1.4.3.min.js"></script>
        <script src="js/jquery-ui-1.8.5.min.js"></script>
        <!-- jQuery Color Picker -->
        <link rel="stylesheet" href="colorpicker.css">
        <script src="colorpicker.js"></script>
        <!-- jQuery Numeric Spinner -->
        <script src="spinner.js"></script>  
            <!-- jQuery Placehol 
            <script src="jquery.placehold-0.2.min.js"></script>  -->

在我的页面正文中，我有：

 <!-- Script DATE  -->
    <script>
    var initDatepicker = function() {  
    $('input[type=date]').each(function() {  
        var $input = $(this);  
        $input.datepicker({  
            minDate: $input.attr('min'),  
            maxDate: $input.attr('max'),  
            dateFormat: 'dd/mm/yy'  
        });  
    });  
};  

if(!Modernizr.inputtypes.date){  
    $(document).ready(initDatepicker);  
};  
  </script>

  <!-- Script COLOR  -->
  <script>
  var initColorpicker = function() {  
    $('input[type=color]').each(function() {  
        var $input = $(this);  
        $input.ColorPicker({  
            onSubmit: function(hsb, hex, rgb, el) {  
                $(el).val(hex);  
                $(el).ColorPickerHide();  
            }  
        });  
    });  
};  

if(!Modernizr.inputtypes.color){  
    $(document).ready(initColorpicker);  
};  
  </script>


<!-- Script Slider -->
<script>
var initSlider = function() {  
    $('input[type=range]').each(function() {  
        var $input = $(this);  
        var $slider = $('<div id="' + $input.attr('id') + '" class="' + $input.attr('class') + '"></div>');  
        var step = $input.attr('step');  

        $input.after($slider).hide();  

        $slider.slider({  
            min: $input.attr('min'),  
            max: $input.attr('max'),  
            step: $input.attr('step'),  
            change: function(e, ui) {  
                $(this).val(ui.value);  
            }  
        });  
    });  
};
</script>

var initDatepicker=函数（）{
$（'input[type=date]'）。每个（函数（）{
var$input=$（此）；
$input.datepicker（{
minDate:$input.attr（'min'），
maxDate:$input.attr（'max'），
日期格式：“日/月/年”
});  
});  
};  
如果（！modernizer.inputtypes.date）{
$（文档）.ready（initDatepicker）；
};  
var initColorpicker=函数（）{
$（'input[type=color]'）。每个（函数（）{
var$input=$（此）；
$input.ColorPicker（{
onSubmit：函数（hsb，hex，rgb，el）{
$（el）.val（十六进制）；
$（el.ColorPickerHide（）；
}  
});  
});  
};  
如果（！modernizer.inputtypes.color）{
$（文档）.ready（initColorpicker）；
};  
var initSlider=函数（）{
$（'input[type=range]'）。每个（函数（）{
var$input=$（此）；
变量$slider=$（''）；
var step=$input.attr（'step'）；
$input.after（$slider.hide（）；
$slider.slider（{
最小值：$input.attr（'min'），
max:$input.attr（'max'），
步骤：$input.attr（'step'），
更改：函数（e，ui）{
$（this.val）（ui.value）；
}  
});  
});  
};

我遇到的问题是关于PHP页面，因为当我在index.PHP上时，一切都很好

当我进入

index.php？p=som_页面时，无论p上的参数是什么，脚本都不再工作

我有点迷路了，因为在页面上我只有include函数，没有head和body，只有包含的div

但是当我重新打开index.php时，一切又恢复正常了

这个问题只有在我使用Firefox或internet explorer时才会出现。当我使用Chrome时，输入类型日期、颜色或范围都可以正常工作。
目前，IE、Firefox或Safari不支持
 我发现标题和解释有点混乱。这可能会让人认为您的问题在于输入元素，而事实并非如此。也许你可以换个说法。