繁体   English   中英

试图缩短我从 API 调用中得到的响应

[英]Trying to shorten the response I am getting from a API call

我试图缩短对日期字段的响应,只是为了仅以正确的格式读取日期而没有时间。 有没有人知道我该怎么做?

目前正在输出什么:El Cajon (2020-02-04 21:00:00) 我的目标是:El Cajon (02-04-2020)

这很棘手,因为它在一个函数内。

 $(document).ready(function() { $('#submitWeather').click(function() { var city = $('#city').val(); if (city != '') { $.ajax({ url: 'https://api.openweathermap.org/data/2.5/forecast?appid=34fd31758b449ea433e05058c225793c&q=' + city + "&units=imperial&count=10", type: "GET", dataType: "jsonp", success: function(data) { var widget = show(data); $("#show").html(widget); $("#city").val(''); } }); } else { $("#error").html('Field cannot be empty'); } }); }); function show(data) { return data.city.name + ' (' + data.list[0].dt_txt + ') </h3>' + '<p><strong>Temp: </strong>' + data.list[0].main.temp + ' degrees</p>' + '<p><strong>Humidity: </strong>' + data.list[0].main.humidity + ' degrees</p>' + '<p><strong>Wind Speed: </strong>' + data.list[0].wind.speed + ' MPH</p>'; } function show1(data) { return data.city.name + ' ' + data.list[0].dt_txt + ' </h3>' + '<p><strong>Temp: </strong>' + data.list[0].main.temp + ' degrees</p>' + '<p><strong>Humidity: </strong>' + data.list[0].main.humidity + ' degrees</p>' + '<p><strong>Wind Speed: </strong>' + data.list[0].wind.speed + ' MPH</p>'; } console.log('hello')
 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> <link rel="stylesheet" type="text/css" href="style.css"> <title>Weather Dashboard</title> </head> <body> <!-- Navigation Bar --> <nav class="navbar navbar-light bg-light"> <div class="navbar-brand">Weather Guide</a> <!-- <form class="form-inline"> <input class="inputValue form-control mr-sm-2" type="text" placeholder="Search City" aria-label="Search"> <button class="button btn btn-outline-success my-2 my-sm-0" value="submit" type="submit">Search</button> </form>--> </nav> <div class="container-fluid"> <div class="row"> <div class='col-3'> <h5 class="text-primary citySearch">Enter City Name</h5> </div> </div> <div class="container-fluid"> <div class='row'> <div class='col-3 row form-group form-inline'> <input tyepe='text' name='city' id="city" class="form-control" placeholder="city name"> <button id="submitWeather" class="btn btn-primary">Search</button> </div> <div class='col-9 weatherData bg-light'> <div id="show"></div> </div> </div> </div> </div> </div> </div> <!-- Main Content --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <script src="script.js"></script> </body> </html>

对我来说,它看起来像日期和时间,因此您可以将其转换为日期const date = new Date(data.list[0].dt_txt)然后获取然后根据需要对其进行格式化,或者如果您只想摆脱时间, data.list[0].dt_txt.split(' ')[0]将在空间之前占据所有。

这是关于日期 API 的一切: https : //developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM