jquery - SimpleWeather jquery 插件

Question

我正在 asp.net 页面上使用 SimpleWeather jquery 插件，它工作正常。 https://github.com/monkeecreate/jquery.simpleWeather

我只有两个问题:

1. 我得到了上午和下午的时间，是否有人知道如何将其修复为 24 小时。

2. 如果我知道天气代码 http://developer.yahoo.com/weather/#codes那么我能以某种方式使用我自己的名字来表示炎热、冰雹等吗？

   $.getJSON(天气网址,函数(数据){if (data !== null && data.query.results !== null) { $.each(data.query.results, 函数 (i, 结果) { if (result.constructor.toString().indexOf("Array") !== -1) { 结果=结果[0]； }

       var currentDate = new Date();
       var sunRise = new Date(currentDate.toDateString() + ' ' + result.astronomy.sunrise);
       var sunSet = new Date(currentDate.toDateString() + ' ' + result.astronomy.sunset);
   
       if (currentDate > sunRise && currentDate < sunSet) {
           var timeOfDay = 'd';
       } else {
           var timeOfDay = 'n';
       }
   

Answer 1

您需要调整插件。要启用自定义条件文本，您可以添加新的选项属性以将条件代码映射到自定义文本并在插件中使用它，如下所示:

// this code is a part of weater object initialization
currently: options.conditions && options.conditions[result.item.condition.code] ? options.conditions[result.item.condition.code] : result.item.condition.text,
high: result.item.forecast[0].high,
low: result.item.forecast[0].low,
forecast: options.conditions && options.conditions[result.item.forecast[0].code] ? options.conditions[result.item.forecast[0].code] : result.item.forecast[0].text,

并将自定义属性传递给插件:

$.simpleWeather({
    location: 'Copenhagen, Denmark',
    unit: 'c',
    conditions: { 26: 'Overskyet', 27: 'Mest skyet', 28: 'Mest skyet', 36: 'Hagl' },

要更改日出和日落时间格式，您还可以调整插件。这次您需要解析 h:mm tt 格式的时间并以 HH:mm 格式显示。如果您的页面上有 ScriptManager 控件，您可以使用 Microsoft Ajax Date 对象扩展功能:

更改了插件的代码:

$.getJSON(
    weatherUrl,
    function (data) {
        if (data !== null && data.query.results !== null) {
            $.each(data.query.results, function (i, result) {
                if (result.constructor.toString().indexOf("Array") !== -1) {
                    result = result[0];
                }

                var currentDate = new Date();
                if (Date.parseInvariant) {
                    result.astronomy.sunrise = Date.parseInvariant(result.astronomy.sunrise, "h:mm tt").format("HH:mm");
                    result.astronomy.sunset = Date.parseInvariant(result.astronomy.sunset, "h:mm tt").format("HH:mm");
                }